浅谈ios手机界面视觉元素设计.docVIP

浅谈ios手机界面视觉元素设计 　　【摘 要】iOS是什么？iOS是苹果公司推出的操作系统，也是iPhone、iPad和iPod touch的基础所在。随着ios系统的不断更新，智能手机界面的要求也越来越简约大气，从而使设计师不断开始探索更能满足人们心理的视觉美感效果。为了顺应用户需求，为用户创造有价值的、有用的信息和交互体验，让用户通过与手机界面的互动达到体验上的满足和心理上的快感，作为设计师需要掌握大量的设计视觉元素，以及在不同的操作体验上的视觉心理感受。本文基于ios智能手机的界面，结合视觉形式的内容和界面设计的原则，分析探讨了界面设计与优化，阐述了如何在视觉传达方面更加符合用户心理、满足用户多种需求的界面设计。 　　【关键词】界面 视觉设计 优化 　　1 视觉元素在手机界面的基本规范 　　人们对于娱乐、旅游、健康、生活的认识渐渐提高，爱好不断更新。随着旅游交际面不断扩大，每个人都渴望有一个随身的职能“管家”随身可以“保护”自己或者“指引’我们。此刻，我们的智能手机可以安装很多款好玩的、足智多谋的应用软件，不管在任何时间、任何地点，只要打开它，它就能为我们推荐世界的精彩。它就像扫描仪，为我们即时扫描此刻正在发生的好玩的事情、好玩的活动、甚至是一个有趣的人。它也像万花筒，好听的音乐、有趣的视频、好吃的美食、温馨的文字，让你的时间不再枯燥。它更像一个贴心的小助理，喝水、运动、睡眠，它都会在合适的时候提醒你。为了这一个个的“小助理”，我们的设计师煞费苦心，让它如何更好地贯穿于我们生活的方方面面，它需要满足目标用户的审美观、使用目的和心理情感等等。近几年拟物化设计逐渐淡出用户的视野，由于扁平设计更能增加视觉识别性，功能和审美的结合出现了大批精致的、富有创造力和表现力的图标界面。ios的操作系统的简洁化给我们的界面带来了一些相应的规范和视觉原理，从而使用户更好地操作应用界面。 　　那么我们就来讲一下界面的元素。界面上的每个元素都会产生一种视觉力量来吸引用户的注意力。这种视觉力量越大，就越能吸引用户的注意力。这些力量似乎同时也作用于其他视觉元素，传递出它们潜在的运动和视觉方向，并且暗示你接下来该看什么内容，我们把这个力称作视觉重量。一个优秀的作品一定会有层次感、流畅感，有节奏，有韵律，有平衡感等。视觉重量是衡量一个元素吸引眼球的力。二维的物体可以吸引注意力，一个元素吸引的注意力越多，那么它的视觉重量越重。每一个视觉元素都有自身的内在特点。比如尺寸、颜色和形状。并且通过界面中元素之间不同的特征来表现元素之间的对比和相似型，并通过组合这些不同的特征，我们可以很好地控制界面视觉元素重量。 　　1.1 如何衡量视觉重量 　　我们总能发现这样的现象，与设计师聊天，问为什么要用这个元素而不是另一个元素，他会说这个比另一个更重一些，具体重在哪里却总是说不出，就是感觉更平稳一些。其实没有一个很精确的方法去测量设计要素的视觉重量。用你自己的经验和判断去决定哪一个要素视觉重量轻哪一个重。发挥眼睛的作用，并且相信它。这个作品区域中最吸引你眼球的地方就是视觉重量最重的地方。 　　但这并不意味着你要胡乱尝试和随意地去看什么元素是最能吸引你的眼睛。例如，你可以将每一个特点都分离出来，以便知道更大元素视觉重量比更小的重，你的眼睛会帮助你组合这些特点。幸运的是，有人已经分离和测试了这些特点。下面的这些特点，你可以改变其中任何要素并且说明如何改变他们，改变后会增加或是减少视觉重量。让我们开始分析一下之前提到的几个基本特点：尺寸、颜色、色值、位置、纹理、形状和方向。最重要的一点：视觉的重量是上述这些属性的总和。尽管大的元素比小的元素要重，一个小的黑色圆圈周围是大量的白色空间，并且在页面顶部，它比一个大的不规则的冷色的在页面底部的物体要重。 　　1.2 格式塔原则引导视觉重量和方向 　　格式塔原理对设计原则有哪些贡献呢？对于图形背景来讲，视觉重量可以通过给予图形更多的负重去把背景和图形元素区分开来。元素间的空间导致了不同数量的局部空白和物体内部空间的不同密度，造就了距离。视觉元素可以用视觉重量去表示它们，对比的元素会带来巨大的反差和视觉重量，类似的元素很自然地就会表现出相似性。焦点元素组成了焦点并且会特别有吸引力，它的视觉重量比其他元素都重。用户过去的浏览习惯会影响他们认为的当前界面中最吸引眼球的元素。如果说视觉重量是关于吸引眼球到特定的位置，那么视觉方向就是引导眼球到下一个位置。视觉方向是对视觉力量的感知。如果元素正在运动中，那想象一下你期望的元素的移动方向。视觉方向和视觉重量有着相似的功能，视觉重量是想让你注意到作品中的某一部分，它在兴奋的对你说“嘿，看我这！”，而视觉方向却在对你说“嘿，看那边！”（图1） 　　当我们充分了解了格式塔原则就可