视觉界面设计

◦ 用便签纸的立体形式展示备忘录，随意贴在桌面的任何地 方
◦ ……
苹果界面分析
3、半透明
◦ 半透明的设计元素是个人的一个偏好，尤其当用于菜单与 边框设计时，半透明可增加灵魂、深邃和通透感。
◦ 另外，半透明也可用于当一些菜单弹出却不想挡住背景， 可以把菜单设计成半透wenku.baidu.com的感觉，既美观又不干扰视觉。
苹果界面分析
相关阅读推荐
第八讲 视觉界面设计
人机界面准则
视觉界面设计
传达“品牌”：视觉设计形成一种氛围，与公司品牌建 立联系。既是一种宣传，也加深了用户对品牌的认知度。
传达“美感”：漂亮的东西总是比丑陋的东西容易被人 接受。这里指的“美感”应该是“恰当地漂亮”，
传达“信息”：它将产品上的信息/数据视觉化，以容易 识别、容易理解的方式表达出来。
苹果设计中的黄金分割
短信页面：信息块宽度所占整个屏幕的比例也是和黄金比例很接近的。
Safari中地址栏和搜索栏的比例也是应用了黄金分割，合理地分配了空间， 既能充分显示当前地址也方便用户选择“搜索”。
26个字母键盘，按键设计和按键占整个行高的比值很接近黄金分割，同时 每个按键也是小黄金矩形。
现在你拥有了客观武器：人物角色、体验关键字、品 牌需求等标准，这也意味着你得到了一个用于决定视 觉设计的坚实基础。
从苹果产品看视觉设计
对一个产品而言，用户所体验的并不单纯是审美与功 能的设计，也附加着文化、社会、历史等多个维度的 复合体验。
苹果在中国，不单是一个品牌符号，更是一个文化符 号。与此文化符号链接的关键词包括：美国、西方、 口味、时尚、个性、国际化等。
◦ Google的chrome浏览器，圆角、阴影、高光仍在（图标圆 角处理、图标边缘阴影以突出立体感、鼠标移至某一图标 时的高光效果）。
苹果界面分析
2、空间感
◦ 空间感并非一个空泛的概念，而是处处体现在设计中。它的 一个典型表现方式：就是打破平面感，用立体与三维方式来 展现。
◦ 空间感的设计一是可以增加炫酷与华丽；二是可以用于凸显 重要内容。
大部分的用户都并非对体验与设计有深入研究，而是从 “看着舒服、用着好用”的角度来衡量一款产品。
为什么很多国产品牌模仿国际品牌，作品仍然缺乏吸引 力？
◦ 很大的原因是因为他们都缺少自己的设计理念。
好的设计应该有自己的理念，如QQ概念版的设计理念是 “生命力空间感时间感”，所有的设计都应该围绕理念进行， 所有的模仿都应该建立在理论基础上，这是设计的灵魂。
4、动态效果
◦ 动态效果会让设计更加绚丽、好玩、生动。
植物大战僵尸，每种下一棵植物，它都会轻轻摇摆，是不是很可爱 呢？这也是一种动态效果。……
苹果界面分析
5、拟物音效 植物大战僵尸，从视觉设计的生动感、每个与僵尸角
色的设计、情节布局的环环相扣、甚至是音效的配合 都有很多值得学习的地方。 植物大战僵尸中大量使用了拟物音效，种植物时与草 地摩擦的声音、子弹打到僵尸身上的响声、僵尸来临 时的恐怖音效等。
典型运用：苹果cover flow专辑封面展现方式
◦ cover flow是苹果首创的将多首歌曲的封面以3D界面的形式显示出来 的方式。
有了空间感的思维之后，发现常规的设计可以有非常 多的突破！即把每个界面都想象成一个实实在在的物 体，任我们翻转把玩！
◦ 打破常规的图片展示，可以把图片翻过来在背面写备注； ◦ 使用触摸把图片抓到叠在一起；
美的三种模式
公认的美：与基本的设计美学原则有关，如对称、协 调、三分法则和黄金比例。这些是美观设计的传统基 础。
文化的美：指在某个时刻从某种方面我们发现某种文 化的迷人之处。
主观的美：你个人觉得对象具有美，这与你个人的品 味和偏好有关。 ◦ 主观的美压倒文化的美，文化的美胜过公认的美。
一个用于评估网站视觉美学的体系
首先，将你从研究中得到的结论应用到人物角色上，以 确定所有情感或行为上的模式。
◦ 交互设计师会专注于特定的人物角色的目标、背景和观点； ◦ 视觉设计师则应注重于情感化，以及用户和环境的因素等方面。
然后列出从相关设计人员和用户访谈中得到的所有描述 性的词汇，并将其分组。这些词汇组成正是形成一套‘体 验关键字’的基础，将用于确定和管理视觉策略。
这里的比值都是和黄金率近似但并不完全相同，因为设计并不只是美学， 还要考虑到用户触键的准确率、信息的承载量等诸多因素。
美学
对于初学者，美学包括可以引起感觉的一切事物—— 不只是我们所看到的，同时也包括我们所听到的、闻 到的、尝到的和感觉到的。
美学不仅仅是关注网页按钮或别的视觉元素的艺术价 值，也关注人们对这些元素做出的反应。
苹果的理念是简约质感；
GOOGLE是技术派，看似简单却有对用户行为深刻的理解； 韩系品牌大多走柔和可爱风
……
苹果界面分析
1、圆角阴影高光 圆角、阴影、高光广泛应用于苹果产品设计和互联
网设计中，这三种元素的加入可以增加图标的“质感”
◦ 仔细观察一下IPAD的图标，是否很明显地体现了这三种设 计元素？圆角处理、月牙型的高光像从上而下打光，字体 上淡灰色的阴影（是为了防止白色字体在白色背景上看不 清楚，苹果考虑很细致）。
交互设计师想找出的是工作流程、心智模型、任务的 优先级别和频率、障碍点等。
视觉设计师应该寻找以下模式：
◦ 用户特征（如身体缺陷，尤其是视力）； ◦ 环境因素（灯光、用户和界面之间的距离显示器上的保护
膜）； ◦ 品牌中有可能引起用户共鸣的因素； ◦ 用户对体验的期望。
形成视觉策略
一旦完成上面的这些研究工作后，就可以分析并确定模 式了。
传达“行为”：交互的理念通过视觉传达，视觉暗示将 行为、状态传达给用户。操作的线索，操作的过程，操 作的结果都需要视觉来交待。
◦ 比如愤怒的小鸟，在拉动弹弓，拉到什么程度，弹出小鸟，砸 中积木，整个过程都是丰富的视觉效果在负责交待。
视觉设计：用理性说话 从苹果电脑看视觉设计
交互设计师和视觉设计师在用户研究阶段所寻找的是 不同的模式，理解这一点非常重要。