栅格化在视觉设计中,越来越受重视,究其原来,主要是三点:一是可以统一页面的布局,提升用户的浏览操作体验二是将页面模块的尺寸标准化,降低开发和维护的成本最后,栅格化也是网页设计专业度的体现。至此,视觉设计原则讲完了。说了这么多,最后简单谈谈作为交互设计师的我们该怎么做吧。思考这个问题之前,还请大家把以上的原则再复习一遍:1通过字体表达产品风格2通过配色展示产品定位3营造统一的品牌形象4造型让产品更有冲击力5重要内容留在首屏6让页面有层次有重点7模拟现实世界匹配用户心智模型8插图让产品更有情感9巧用Ico
页面更精彩10栅格化提升用户体验和开发成本总的来说,我们可以把这10个内容归成两类,一个完全是视觉设计师的领域,以沟通为主另一
f个,交互可以和视觉设计配合完成,沟通以外注重交付物的传递。第一类包括:通过字体表达产品风格、通过配色展示产品定位、营造统一的品牌形象、造型让产品更有冲击力、模拟现实世界匹配用户心智模型。了解这些内容,了解视觉设计师能做哪些提升体验的事情,才能更好地和他们沟通。让视觉设计师提早了解需求,获得对等的产品信息,才能更好地发挥设计的力量。第二类包括:重要内容留在首屏、让页面有层次有重点、插图让产品更有情感、巧用Ico
页面更精彩、栅格化提升用户体验和开发成本。这类原则,除了和视觉设计师有效沟通,最好在自己的交付物原型以及讲解中有所体现。比如原型中通过不同灰度色块表现设计重点、注重各个组件的栅格化、为重点内容设置插图和Ico
的占位符等等。通过这种对视觉设计的理解、交付物形式的传递,配合视觉设计师做出更符合产品需求以及用户体验的产品。
做设计也有一段时间了,虽然设计原则不离其宗,但经验下来的心得告诉自己,设计媒介的变化带来很多媒介自身的特殊性,下面总结下网站视觉设计的一些要点,有他人经验,也有自己的心得:1、logo:基本logo特征,符合logo设计基础(平面设计通用)显示器效果:清晰度,最小尺寸(因显示器分辨率而带来的,等同线下平面设计的印刷效果)2、文字:内容等级决定字体、字号大小、粗细;状态决定颜色(默认或者根据网站特殊统一)3、广告:内容图片:尺寸样式的定位,同一页面的和谐性,图片的优化,位置的节奏,大小对比。4、ico
:品牌性,表达准确合理,设计手法(依据品牌性),一致性,作用:吸引,醒目,方便识别、理解、操作、记忆。5、可点击(butto
:区别(不r