码迷,mamicode.com
首页 > 移动开发 > 详细

《APP移动终端决胜之道视觉设计艺术》学习笔记

时间:2018-02-10 01:22:48      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:video   中心   方便   关系   笔记   添加   提示   理论   背景   

1.20-2.9

1.合理的层级化
2.信息的整合(短信收发件箱),信息的整合就像创建文件夹,可以将相关的东西放在一起,以便于使用者搜索与查找
3.(微信聊天界面)相比之下使用了对话框图形的界面,元素更加丰富,界面也更加美观,最重要的是,它能使不同的信息得到更加明显的区分,对话框图形就像把不同的专属空间给了不同的信息,以此来方便用户对于不同信息的识别。
4.(instgram滤镜界面),可视化设计,将抽象的东西具体化,带来了便捷与简单的用户体验,让用户有明显的点击与操控感
5.格式塔理论
格式塔理论都为视觉感知现象,其中接近性、相似性、共同命运与我们的视觉系统会有着给对象进行分组来感知事物的倾向相关;与我们的视觉系统会通过解析模糊或者以查漏补缺的方式来感知整体事物的倾向相关
(1)接近性原理:利用接近性原理,调整各部分物件远近的摆放距离,使各板块形成视觉上的组(利用底色区分板块,不能过分使用,利用线条区分板块,不能过粗)
(2)相似性原理:用线或面(色块,即不同背景色)分隔,线面结合,在分隔两个东西时不要既用线又用面
(3)连续性原理:适当添加小图形,添加背景,添加标识符号与说明
(4)封闭性原理:封闭or非封闭
(5)简化对称性原理
(6)主体与背景原理
(7)共同命运
6.视觉优化
(1)经验影响感知
(2)环境影响感知
(3)目标与感知:我们的视觉感知会忽略与目标无关的信息,因此,主要信息与次要信息的明显程度(例如让次要信息以弹框的形式出现来引起注意)
(4)结构化与感知:结构化能使文字信息变得精简(将信息整理,例如将纯文字文本转成车次信息:出行时间:等等),图形化的添加能让信息表现得到进一步优化,另外,应该通过交互设计隐藏过多的界面信息,,并通过颜色与图标区分不同的信息、板块,且应该添加线条分隔空间;对于长串的数字可以采用特定符号或空格来分隔数字,除此之外,在进行移动UI视觉设计时,也可以将文字信息分隔,加入图形、改变文字颜色等等来提起人们对于文字的阅读兴趣,过分拥挤死板的文字会增添用户的阅读负担。
7.
(1)别让信息设计影响阅读:MV,MUSIC VIDEO;不要轻易改变已经建立的用户阅读习惯
(2)当界面中拥有过多的文字信息时,我们应该尝试着将文字信息浓缩或是分散在不同的用户界面中,而不是通过缩小,这是种会让用户产生阅读障碍的方式(过小的文字会使得用户很难注意到这些信息)
(3)注意文字信息的识别与清晰度:例如与背景的颜色对比(但是也应该注意不能用过于强烈的对比),同时背景也不应该过于花哨
(4)注意文字信息的对齐方式:在阅读文字信息过程中,我们的视线会自动回到与上行文字相同的水平位置,若使用居中或右对齐,这样的经验便会让我们看向错误的位置,因此我们需要慎用文字对齐的方式,尤其是分点的信息,不太适用于居中对齐
(5)将信息放在用户能看见的位置:推测用户的视线走向,将想要用户看到的东西移动到离视力的中心凹更近的地方
(6)利用图形元素增强用户的感知(红色和提示符号,如红色错误,绿色对勾等等)
(7)利用对比在区别中突出重点信息;使用便于用户识别的颜色(蓝-黄,红-绿,黑-白);色彩搭配中的深浅度、面积大小与远近关系;不要使用过于刺激的颜色搭配;注意与界面环境色彩的搭配
8.可操控性体验
(1)用户点击控件时,一般不很精准,许多次的点击都在控件按钮以外,因此我们可以扩大控件的感应区域与范围,并根据控件左右位置的不同,设计控件的感应范围应向左侧扩展或是向右侧扩展(对于左侧的控件偏右,对于右侧的控件偏左)
(2)不同的功能或对象操作越一致,对于用户的长期记忆而言便越轻松
(3)有头便有尾,我们需要考虑到用户很有可能会忘记扫尾的工作,应尽量加入能帮助或提醒用户进行收尾工作的元素

《APP移动终端决胜之道视觉设计艺术》学习笔记

标签:video   中心   方便   关系   笔记   添加   提示   理论   背景   

原文地址:https://www.cnblogs.com/Briddle-ch/p/8437177.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!