一键注册设为首页收藏本站

马鞍山微马社区

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 110|回复: 0

试谈UI设计中的视觉表现

[复制链接]

2737

主题

2762

帖子

9968

积分

超级版主

Rank: 8Rank: 8

积分
9968
发表于 2018-8-31 09:04:40 | 显示全部楼层 |阅读模式
谈琦UI设计作品选登
  
UI是英文User Interface的简称,即用户界面,它是用户和系统进行交互活动和信息传递的一个媒介,是介于用户与硬件设备之间的传导体,目的是让用户给硬件发出正确的命令并得到友好的反馈。而UI设计的目的就是让用户与硬件沟通的时候有一个良好的交互过程。随着现代电子设备的不断更新发展,UI设计也越发成熟,大量优秀的平面设计师涌入了UI设计行业,也让UI设计成为时下最时髦的设计类型之一。
在设计中做“减法”——著名的德国工业设计师迪特·拉姆斯(Dieter Rams)曾经对优秀设计提出的十条准则中提到好的设计是创新的、实用的、唯美的、极简的界面的简洁是要让用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性因此,UI设计师在界面设计时,要尽可能地把不需要的视觉元素去掉,简化画面内容,突出画面主题。笔者在如意馄饨pc端界面设计中,在颜色上选择了黄和白,因为白色给人干净整洁而黄色则能促进食欲,让人有吃饭的欲望,这些都与产品的主题息息相关,在色彩上做“减法”也能增加产品的“高档感”,比如笔者在小蛮腰app设计中,使用了红,黑,白,看似简单的颜色搭配,其实无意中增加了产品的高级感。早期的苹果设备只有黑和白两种颜色,这也是颜色中使用减法增加高级感的体现。
保持设计的“一致性”——设计的“一致性”任何一个优秀界面都具备的特点。这里的一致性既是指同一个画面的设计元素要一致,也是指同一个产品不同界面的设计风格要类似。笔者在图标设计-柠檬故事中,利用同一个柠檬的不同形状,不同状态衍生出不同功能化的图标,在如意馄饨详情页的设计中,banner和main页面出现了富有中国化的元素--碗,在页面尾部也加入碗筷元素作为呼应。这些都是同一页面一致性的体现。在风格的设计上,如意馄饨详情页中“点线面”的风格也在其他页面中使用,小蛮腰“红黑白”的颜色也在所有页面中运用。一致性的设计风格可以使得画面成为同一个系列,帮助观者理解消化画面内容,加深受众的视觉感受。
巧用人眼“视觉顺序”——视觉顺序的形成是由人类的生理特性所决定的。心理学的研究表明,在一个平面上,上半部让人轻松和自在,下半部则让人稳定和压抑。同样,平面的左半部让人轻松和自在,右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样平面就形成了视觉热点”,也就是最佳视觉区域在网页设计中,通常会把公司的logo放在画面的左上位置,也正是因为人眼阅读有“自左向右”、“自上而下”的顺序,所以左上角自然是人眼的视觉热点。
  在界面设计中,视觉导向是一个要点,设计师要学会利用大小,间距,位置,颜色等视觉要素引导受众的观看顺序,使界面中的视觉元素合理地分配在画面中。笔者在小蛮腰app引导页设计中,利用颜色把版本号“1.0”突出,利用字体大小,透明度和间距把中文字体和英文字体巧妙结合,突出主体的同时,带来了不一样的节奏感和美感。
如意馄沌详情页-PC端.jpg 图标设计—柠檬故事.jpg 小蛮腰健身app内页1-.jpg 小蛮腰健身app内页2.jpg 小蛮腰健身app内页3.jpg 小蛮腰健身app-引导页1.jpg 小蛮腰健身app-引导页2.jpg 小蛮腰健身app-引导页3.jpg

回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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