软月互动-基于网络营销的完美网站建设服务商

    南京网页设计:网页视觉设计原则

  • 来源:
    软月互动
    栏目:
    网站建设
  •    南京网页设计:网页视觉设计原则关系到网站的用户体验。然而对于网页的设计原则,需要网页设计师充分了解设计原则才能设计出更好的网页。

    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的占位符等等。通过这种对视觉设计的理解、交付物形式的传递,配合视觉设计师做出更符合产品需求以及用户体验的产品。


    郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如有侵权,请第一时间联系我们修改或删除,多谢。
    软月互动成立于2008年,先后在南京江北新区、山东济南成立办事处,总部位于南京市大行宫。软月是一家集网站建设、网页设计、软件开发、企业画册设计、企业宣传片制作和动漫动画设计制作于一体的企业信息化服务机构。欢迎广大新老用户来电洽谈咨询,我们将竭诚为您服务!热线:025-81559996
      最新文章
  • 南京中小企业网站制作怎么做网络营销策划
    南京中小企业网站制作怎么做网络营销策划

    好酒也怕巷子深,几乎所有类别的中小型企业都需要借助网络营销策划来提升品牌曝光度,提升产品销售量,提升服务达成率。怎么做网络营销策划,如何做好网络营销策划?以下是...

  • 微软恳求用户:IE不再是正经浏览器 别用了
    微软恳求用户:IE不再是正经浏览器 别用了

    腾讯科技讯 微软推出的IE(Internet Explorer)曾经是全球占据垄断地位的网络浏览器,但是时至今日,IE还算是网页浏览器吗? 据外媒最新消息,根据...

  • 国家版权局:春节档院线电影盗版传播已得到一定遏制
    国家版权局:春节档院线电影盗版传播已得到一定遏制

    站长之家(ChinaZ.com) 2月10日 消息:《流浪地球》《飞驰人生》等春节档电影受到了众多网友的好评,同时网上也出现了大量的高清盗版的情况,部分春节档盗...

  • 周一早报:《流浪地球》票房破20亿;李想澄清当年“被赶出汽车之家”;红黄蓝宣布更名,转型教育平台
    周一早报:《流浪地球》票房破20亿;李想澄清当年“被赶出汽车之家”;红黄蓝宣布更名,转型教育平台

    微信春节数据:8.23亿人收发红包,90后微信跨年实现“六个最”春节假期结束,微信发布了除夕至初五的春节数据报告。在此期间,有8.23亿人收发微信红包,同比增长...

  • 为刘强东、王兴立传,被称为“巨头挖掘机”,他创立的公司如何将未来巨头“一网打尽”?
    为刘强东、王兴立传,被称为“巨头挖掘机”,他创立的公司如何将未来巨头“一网打尽”?

    编者按:本文为创业邦原创文章,作者钟小玉。很多人听说李志刚,是从两本书开始的。《创京东》是刘强东认可的官方传记,《九败一胜》书写了美团创始人王兴的创业十年,被称...

  • 工作时间:周一至周五 9:00-18:00
  • 创意部地址:南京市中山东路198号龙台国际大厦1717室
  • CopyRight © 2008-2019 All Rights Reserved. 南京软月科技有限公司 苏公网安备 32010402000332号 苏ICP备08110927号-6