宝鸡世纪网络:网页视觉设计原则 |
作者:佚名 发布时间:2012-06-30 浏览:2498次 |
以下内容由宝鸡网站建设、宝鸡网络公司,宝鸡世纪网络为您编辑整理。 网页视觉设计原则关系到网站的用户体验。然而对于网页的设计原则,需要网页设计师充分了解设计原则才能设计出更好的网页。 网页的视觉设计原则。 1、通过字体表达产品风格 视觉设计中,字体的选择对于产品风格的表现是作用明显的,同一段文字,用不同字体写出,感觉确实千差万别。 2、通过配色展示产品定位 通过配色来展示产品定位,也是设计师必用的方法。视觉设计前期调研阶段,常常通过情绪版提炼适合目标用户的颜色,形成一整套的配色方案。 紫色,关键词:优雅、高贵、女性、庄重、神圣、成熟、深度、神秘、时尚。 红色,关键词:艺术、热烈、开放、激情、积极、活力、喜庆、生命、成熟。 蓝色,关键词:理智、知性、公正、商务、科技、严格、细致、严谨、公式化。 橙色,关键词:阳光、辉煌、活动、温暖、记忆、家庭、健康、快乐。 绿色,关键词:成长、朴素、公益、生命、安全、新鲜、和平、春天、大自然。 3、营造统一的品牌形象 品牌形象是一个很大的领域,具体到某个产品的品牌感,更多的还是通过视觉形象来传达。这就需要视觉设计师制定一套系统的视觉体系,让用户看一眼,就能清晰地辨认。 4、造型让产品更有冲击力 视觉设计中,夸张的造型对用户的冲击力非常大,很容易一下抓住用户。 5、重要内容留在首屏 这是视觉和交互设计师中都要注意的,有时往往原型中放在了首屏,视觉设计时由于一些原因(加模块或是加高头图)又被挤到了下面,这点大家在视觉审核与测试中要格外注意。 6、让页面有层次有重点 交互设计师完成页面布局设计,突出页面重点,方便用户浏览信息、完成任务。视觉设计阶段,好的设计稿对于延续前期交互理念,引导用户操作是非常有帮助的。 7、模拟现实世界匹配用户心智模型 原型设计中常说,操作方式要符合用户的心智模型,其实视觉设计也一样。把一些现实元素拿来,模拟真实世界,会给用户身临其境的感觉。 8、插图让产品更有情感 插图在文章页面中很多,我这里只举错误页的例子。大家都有感触,错误的体验是非常不好的,但设计师却用一张张插图,让这种挫败和焦躁的感觉降到了最低,化解了用户的负 面情绪,同时产品也更有味道了。 9、巧用Icon,页面更精彩 Icon设计是视觉设计非常重要的一部分,很多晦涩难懂的内容,配上Icon图形化解释,会更容易理解。相反,如果图标的设计元素不合适,或是将图标将背景乱用,也会干扰用户理解。 10、栅格化提升用户体验和开发成本 栅格化在视觉设计中,越来越受重视,究其原来,主要是三点:一是可以统一页面的布局,提升用户的浏览操作体验;二是将页面模块的尺寸标准化,降低开发和维护的成本;最后 ,栅格化也是网页设计专业度的体现。 至此,视觉设计原则讲完了。 说了这么多,最后简单谈谈作为交互设计师的我们该怎么做吧。思考这个问题之前,还请大家把以上的原则再复习一遍: 1. 通过字体表达产品风格 2. 通过配色展示产品定位 3. 营造统一的品牌形象 4. 造型让产品更有冲击力 5. 重要内容留在首屏 6. 让页面有层次有重点 7. 模拟现实世界匹配用户心智模型 8. 插图让产品更有情感 9. 巧用Icon页面更精彩 10. 栅格化提升用户体验和开发成本 总的来说,我们可以把这10个内容归成两类,一个完全是视觉设计师的领域,以沟通为主;另一个,交互可以和视觉设计配合完成,沟通以外注重交付物的传递。 第一类包括:通过字体表达产品风格、通过配色展示产品定位、营造统一的品牌形象、造型让产品更有冲击力、模拟现实世界匹配用户心智模型。 了解这些内容,了解视觉设计师能做哪些提升体验的事情,才能更好地和他们沟通。让视觉设计师提早了解需求,获得对等的产品信息,才能更好地发挥设计的力量。 第二类包括:重要内容留在首屏、让页面有层次有重点、插图让产品更有情感、巧用Icon页面更精彩、栅格化提升用户体验和开发成本。 这类原则,除了和视觉设计师有效沟通,最好在自己的交付物——原型以及讲解中有所体现。比如原型中通过不同灰度色块表现设计重点、注重各个组件的栅格化、为重点内容设 置插图和Icon的占位符等等。通过这种对视觉设计的理解、交付物形式的传递,配合视觉设计师做出更符合产品需求以及用户体验的产品。 以上内容就是由宝鸡网站建设、宝鸡网络公司,宝鸡世纪网络为您搜集整理的《宝鸡世纪网络:网页视觉设计原则》的全部内容。我公司是在宝鸡市工商局注册的专业提供网站建设、网站优化、网站推广,软件开发的高新技术企业,一直致力于面向宝鸡地区党政机关、企事业单位提供大中型门户网站解决方案、 OA 办公自动化系统解决方案,以及中小型应用软件开发及其它信息化外包业务。目前已承建宝鸡地区近630多家政府网站、企业网站,是宝鸡网站建设行业规模最大、客户数量最多、技术力量雄厚的宝鸡网络公司。欢迎您来电咨询,咨询热线:0917-3535180 3536690…… |