找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 2005|回复: 2

浅谈手机界面设计的视觉语言

[复制链接]

582

主题

391

回帖

1万

积分

版主

UID
8
威望
7
机械币
3148
活力
-32
发表于 2012-4-1 14:54:37 | 显示全部楼层 |阅读模式
  摘 要:手机界面是人与手机之间传递和交换信息的媒介,文章从设计艺术学角度探讨了手机界面设计的视觉语言构成要素。  
  关键词:手机 界面设计 视觉

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

0

主题

23

回帖

87

积分

机械村良民

UID
5266
威望
0
机械币
29
活力
0
发表于 2012-11-23 14:32:54 | 显示全部楼层
asdasdasdasd

0

主题

374

回帖

4038

积分

机械工程师

UID
48541
威望
0
机械币
765
活力
26

不差钱

发表于 2018-1-12 00:37:36 | 显示全部楼层
感觉好像在哪里看过了,汗~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|机械村 ( 渝ICP备17010994号-1|渝公网安备50022702001048号 )

GMT+8, 2024-6-11 20:19 , Processed in 0.014428 second(s), 3 queries , Gzip On, Redis On.

Powered by 机械村

Copyright © 2012- Jixiecun.com

快速回复 返回顶部 返回列表