浅析手机界面的智能化设计改革
发布时间：2014-07-30 09:51
1、界面文本的选择
文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。手机界面的字体设计直接影响到界面的风格，字体标准的选择依据操作系统类型决定，应当使用与其界面视觉风格统一标准的字体，避免繁杂零乱，使人易认、易懂，切忌为了设计而设计。 通用的字体最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体，这样读者阅读起来感觉一定很糟糕。特殊字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很快就会疲劳，不得不转移到其他页面。手机界面中字体的选择，还应考虑界面的大小，使两者大小比例协调。对于触摸屏手机来说，由于其屏幕较大，文字可以适当放大，不仅从形式比例上考虑，同时也方便了其功能性的操作。
2、界面图标的设计
图标是界面的图形符号，是具有明确指代含义的计算机图形，是构成界面风格的重要元素，和用户如何操作手机关系密切。 图标的功能是我们进行图标造型设计的标准和依托，在设计图标之前要确定图标功能，也就是说要考虑图标的隐喻性，它代表的意思必须是用户可知的、熟知的。比如iPhone内置的备忘录应用就是一个使用隐喻的典范。除了基本的删除和邮件这些图标隐喻，整个产品的外形：棕色的头部导航，米黄色的纸质背景，配合细致的行隔线和垂直的双细线，俨然就是一可爱的小小备忘本。将产品与实体对应起来，用户一看就知道软件的用途。结合界面图形设计的隐喻性，图标图形应尽量使用简洁的平面图形，尽量使用像素化的表现形式。 图标的设计要尽量避免生硬的边缘轮廓，提倡渐变、羽化加强图形的仿真性能，使设计更加趋于人性化。一方面图标的设计要求简单美观、富有吸引力，这样用户才愿意让这些图标长久占据有限的屏幕空间；另一方面也要把握可识别特点，让用户在大量图标中轻松找到该应用程序。图标必须有自己的特点，对于关联的产品，可以结合品牌进行设计。
3、色彩的搭配
手机界面的总体色彩应该与界面主题相协调，在手机软件界面的色彩设计上，妥当运用色彩这种感性元素协调各要素之间的关系，使形态和功能特点得到突出，达到明确产品特征、强化诉求的目的。 色彩是影响手机界面的重要因素， 色彩搭配要考虑到你希望对用户产生什么影响，为手机界面设计选择合适的颜色，包括背景色、元素颜色、文字颜色等。 比如基于饱和的色彩和华丽的质感，塑造超酷、超眩的视觉感受，利用羽化了的像素对图形图像进行仿真设计，不仅塑造界面色彩、形状，还进一步在元素的质感和体积感上下功夫，给用户一种高贵华丽的视觉享受。对于界面的整体色调，最好使用邻近色或同类色进行色彩构成，采用色彩的弱对比，因为界面图形本身就结合了体积感和质感的塑造，如果整体色调对比太强，很容易给用户造成眼睛疲劳。把握界面整体色调的同时应注意在图标和线条的色彩配置上下功夫，以活跃整个画面，避免整个界面色彩单一、黯淡无光，合理地使用线条和色彩渐变，以确保细节的完美体现。
4、动态导航的设计
手机界面的动态导航设计是结构层面设计中的主要工作之一，它是对手机操作进行宏观操控的区域，随时可见，在这里它可以保存当前操作结果、切换当前操作模块、退出系统，实现对软件的灵活操控。导航设计的好坏，直接关系到用户使用是否能够流畅。 面对较复杂的导航，我们第一反应是将其简化。 合理的导航设计，应该首先关注用户，提示明确，让用户知道自己的当前位置，并且能够迅速跳转到下一个界面，尽量让用户一目了然，减少用户操作步数。在设计导航时，也要遵循人类的认知法则，符合所对应用户的认知度。如果设计的导航让用户很费劲或者花费较长时间才能搞清楚，无疑是失败的体验。
5、界面版式
手机界面的版式在设计时应该结合软件的应用范畴，合理安排，在有限的屏幕上将众多元素整合排列，以达到美观实用的目的。由于屏幕有限，设计师应考虑将重要信息或视觉流程的停留点安排在注目价值高的最佳视域，使得整个界面的设计主题一目了然。比如将最常使用的高度概括的信息，或者一些常规操作如添加、完成、保存、取消——置于屏幕顶端。 屏幕的底部一般是辅助性的工具栏或切换视图使用的页签栏。一些影响较大的操作如果出现在屏幕下半区域，要仔细考虑它们的排列设计。 应用程序界面必须尽量简洁，一目了然，用户看到就能马上理解。比如我们可以尽可能地减少输入，直接为用户提供选项，如索引列表，既方便用户记忆，也可以帮助用户快速扫描并直接选中。要尽量避免不必要的交互，不要一味提醒用户如何操作，设计时应该关注如何更有效地引导用户集中精力快速完成任务。在iPhone手机内置的短信发送，版式布局合理，不但写信人和收信人的信息内容左右区分，而且在底色的选择上也进行区分，信息内容通过时间顺序排列下来，笔耕文化推荐期刊，整个信息来回历史一目了然，用户进行功能操作的时候更加方便快捷。
本文编号：6373
文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。手机界面的字体设计直接影响到界面的风格，字体标准的选择依据操作系统类型决定，应当使用与其界面视觉风格统一标准的字体，避免繁杂零乱，使人易认、易懂，切忌为了设计而设计。 通用的字体最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体，这样读者阅读起来感觉一定很糟糕。特殊字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很快就会疲劳，不得不转移到其他页面。手机界面中字体的选择，还应考虑界面的大小，使两者大小比例协调。对于触摸屏手机来说，由于其屏幕较大，文字可以适当放大，不仅从形式比例上考虑，同时也方便了其功能性的操作。
2、界面图标的设计
图标是界面的图形符号，是具有明确指代含义的计算机图形，是构成界面风格的重要元素，和用户如何操作手机关系密切。 图标的功能是我们进行图标造型设计的标准和依托，在设计图标之前要确定图标功能，也就是说要考虑图标的隐喻性，它代表的意思必须是用户可知的、熟知的。比如iPhone内置的备忘录应用就是一个使用隐喻的典范。除了基本的删除和邮件这些图标隐喻，整个产品的外形：棕色的头部导航，米黄色的纸质背景，配合细致的行隔线和垂直的双细线，俨然就是一可爱的小小备忘本。将产品与实体对应起来，用户一看就知道软件的用途。结合界面图形设计的隐喻性，图标图形应尽量使用简洁的平面图形，尽量使用像素化的表现形式。 图标的设计要尽量避免生硬的边缘轮廓，提倡渐变、羽化加强图形的仿真性能，使设计更加趋于人性化。一方面图标的设计要求简单美观、富有吸引力，这样用户才愿意让这些图标长久占据有限的屏幕空间；另一方面也要把握可识别特点，让用户在大量图标中轻松找到该应用程序。图标必须有自己的特点，对于关联的产品，可以结合品牌进行设计。
3、色彩的搭配
手机界面的总体色彩应该与界面主题相协调，在手机软件界面的色彩设计上，妥当运用色彩这种感性元素协调各要素之间的关系，使形态和功能特点得到突出，达到明确产品特征、强化诉求的目的。 色彩是影响手机界面的重要因素， 色彩搭配要考虑到你希望对用户产生什么影响，为手机界面设计选择合适的颜色，包括背景色、元素颜色、文字颜色等。 比如基于饱和的色彩和华丽的质感，塑造超酷、超眩的视觉感受，利用羽化了的像素对图形图像进行仿真设计，不仅塑造界面色彩、形状，还进一步在元素的质感和体积感上下功夫，给用户一种高贵华丽的视觉享受。对于界面的整体色调，最好使用邻近色或同类色进行色彩构成，采用色彩的弱对比，因为界面图形本身就结合了体积感和质感的塑造，如果整体色调对比太强，很容易给用户造成眼睛疲劳。把握界面整体色调的同时应注意在图标和线条的色彩配置上下功夫，以活跃整个画面，避免整个界面色彩单一、黯淡无光，合理地使用线条和色彩渐变，以确保细节的完美体现。
4、动态导航的设计
手机界面的动态导航设计是结构层面设计中的主要工作之一，它是对手机操作进行宏观操控的区域，随时可见，在这里它可以保存当前操作结果、切换当前操作模块、退出系统，实现对软件的灵活操控。导航设计的好坏，直接关系到用户使用是否能够流畅。 面对较复杂的导航，我们第一反应是将其简化。 合理的导航设计，应该首先关注用户，提示明确，让用户知道自己的当前位置，并且能够迅速跳转到下一个界面，尽量让用户一目了然，减少用户操作步数。在设计导航时，也要遵循人类的认知法则，符合所对应用户的认知度。如果设计的导航让用户很费劲或者花费较长时间才能搞清楚，无疑是失败的体验。
5、界面版式
手机界面的版式在设计时应该结合软件的应用范畴，合理安排，在有限的屏幕上将众多元素整合排列，以达到美观实用的目的。由于屏幕有限，设计师应考虑将重要信息或视觉流程的停留点安排在注目价值高的最佳视域，使得整个界面的设计主题一目了然。比如将最常使用的高度概括的信息，或者一些常规操作如添加、完成、保存、取消——置于屏幕顶端。 屏幕的底部一般是辅助性的工具栏或切换视图使用的页签栏。一些影响较大的操作如果出现在屏幕下半区域，要仔细考虑它们的排列设计。 应用程序界面必须尽量简洁，一目了然，用户看到就能马上理解。比如我们可以尽可能地减少输入，直接为用户提供选项，如索引列表，既方便用户记忆，也可以帮助用户快速扫描并直接选中。要尽量避免不必要的交互，不要一味提醒用户如何操作，设计时应该关注如何更有效地引导用户集中精力快速完成任务。在iPhone手机内置的短信发送，版式布局合理，不但写信人和收信人的信息内容左右区分，而且在底色的选择上也进行区分，信息内容通过时间顺序排列下来，笔耕文化推荐期刊，整个信息来回历史一目了然，用户进行功能操作的时候更加方便快捷。
本文编号：6373
本文链接：https://www.wllwen.com/kejilunwen/dianzigongchenglunwen/6373.html
