《手机界面设计的视觉语言(一)》由会员分享，可在线阅读，更多相关《手机界面设计的视觉语言(一)（3页珍藏版）》请在装配图网上搜索。
1、手机界面设计的视觉语言 （一） 摘要：手机界面是人与手机之间传递和交换信息的媒介，文章从设计 艺术学角度探讨了手机界面设计的视觉语言构成要素。 关键词： 手机界面设计视觉 随着社会日新月异的发展，手机作为消费类电子产品，从诞生之日起 至今从未停止过前进的步伐，并且以前所未有的速度发展，成为更新 速度最快的个人电子产品。手机不仅仅是用于通话的工具，更多地集 娱乐、生活、新闻资讯于一体，越来越深入地介入到了人们的日常生 活中。 一、人机交互下的手机界面设计 手机界面在人机交互的信息传递过程中具有重要的作用。手机软件界 面是置身于手机操作系统中的人机交互的窗口，设计界面必须基于手 机的物理特性和软件
2、的应用特性进行合理的设计。早期的手机界面由 于技术上的制约，大部分采用黑白色、蓝色、绿色等屏幕。在界面设 计上，文字是界面的主要信息，而图形则是用线条简单勾勒，缺少图 形的设计美感，手机界面单调，仅仅以满足功能，缺乏视觉形式美。 随着技术的发展，人们对审美的需求日益增加，手机界面由原来的单 色发展为彩色，信息内容更加丰富，文字选择既能满足功能性又符合 审美需求，图形更加精美，甚至有些图形还采用动态形式出现，受众 还可以根据个人需要自行定义文字和图形，手机界面得到了快速的发 展。20072007 年，“iPhoneiPhone 手机的诞生，使手机界面设计产生了一种革命 它给用户带来了前所未有的手
3、机新体验，还前所未有地拉近了用户与 手机之间的距离，让不同年龄、性别、地域的人都能够在手机图形化 界面中得到体验的快感， 它将文本界面图形化， 界面设计更加个性化、 人性化。随着科技的发展，界面正悄悄地融入我们的日常生活中，变 成生活的一部分。 二、手机界面设计的视觉语言 手机界面的视觉语言，主要包括文字、图标、色彩搭配、动态导航、 界面版式等一系列构成元素。 1 1、界面文本的选择 文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息， 要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印 象。手机界面的字体设计直接影响到界面的风格，字体标准的选择依 据操作系统类型决定，应当使
4、用与其界面视觉风格统一标准的字体， 避免繁杂零乱，使人易认、易懂，切忌为了设计而设计。通用的字体 最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整 个页面使用一些特殊字体，这样读者阅读起来感觉一定很糟糕。特殊 字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很 快就会疲劳，不得不转移到其他页面。手机界面中字体的选择，还应 考虑界面的大小，使两者大小比例协调。对于触摸屏手机来说，由于 其屏幕较大，文字可以适当放大，不仅从形式比例上考虑，同时也方 便了其功能性的操作。 2 2、界面图标的设计 图标是界面的图形符号，是具有明确指代含义的计算机图形，是构成 界面风格的重要元素，和
5、用户如何操作手机关系密切。图标的功能是 我们进行图标造型设计的标准和依托，在设计图标之前要确定图标功 能，也就是说要考虑图标的隐喻性， 它代表的意思必须是用户可知的、 熟知的。比如 iPhoneiPhone 内置的备忘录应用就是一个使用隐喻的典范。除 了基本的删除和邮件这些图标隐喻，整个产品的外形：棕色的头部导 航，米黄色的纸质背景，配合细致的行隔线和垂直的双细线，俨然就 是一可爱的小小备忘本。将产品与实体对应起来，用户一看就知道软 件的用途。结合界面图形设计的隐喻性，图标图形应尽量使用简洁的 平面图形，尽量使用像素化的表现形式。图标的设计要尽量避免生硬 的边缘轮廓，提倡渐变、羽化加强图形的仿
6、真性能，使设计更加趋于 人性化。一方面图标的设计要求简单美观、富有吸引力，这样用户才 愿意让这些图标长久占据有限的屏幕空间；另一方面也要把握可识别 特点，让用户在大量图标中轻松找到该应用程序。图标必须有自己的 特点，对于关联的产品，可以结合品牌进行设计。 3 3、色彩的搭配 手机界面的总体色彩应该与界面主题相协调，在手机软件界面的色彩 设计上， 妥当运用色彩这种感性元素协调各要素之间的关系， 使形态 和功能特点得到突出，达到明确产品特征、强化诉求的目的。色彩是 影响手机界面的重要因素，色彩搭配要考虑到你希望对用户产生什么 影响，为手机界面设计选择合适的颜色，包括背景色、元素颜色、文 字颜色等。比如基于饱和的色彩和华丽的质感，塑造超酷、超眩的视 觉感受，利用羽化了的像素对图形图像进行仿真设计，不仅塑造界面 色彩、形状，还进一步在元素的质感和体积感上下功夫，给用户一种 高贵华丽的视觉享受。对于界面的整体色调，最好使用邻近色或同类 色进行色彩构成，采用色彩的弱对比，因为界面图形本身就结合了体 积感和质感的塑造，如果整体色调对比太强，很容易给用户造成眼睛 疲劳。把握界面整体色调的同时应注意在图标和线条的色彩配置上下 功夫，以活跃整个画面，避免整个界面色彩单一、黯淡无光，合理地 使用线条和色彩渐变，以确保细节的完美体现。
手机界面设计的视觉语言(一)
