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

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

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

    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
      最新文章
  • 外媒头条:《权力的游戏》将完结,HBO入局流媒体能否成功
    外媒头条:《权力的游戏》将完结,HBO入局流媒体能否成功

    编者按:《外媒头条》是创业邦新推出的海外栏目,服务于广大创业人群,为他们提供专业、有启发性和实用性的海外讯息。栏目通过分享优秀的行业热点文章,帮助创业者打开新思...

  • 爆款文章阅读量快速提升的一个关键点!
    爆款文章阅读量快速提升的一个关键点!

    还记得新媒体行业发展之初,第一批入场的选手进入赛道,大家都是不断的批量生产内容,获得大量阅读;然后通过各种方式野蛮生长,获得更多阅读量,一步步成为头部账号。那时...

  • 南京网站建设:这里独一份SEO大全,适合各阶段人群
    南京网站建设:这里独一份SEO大全,适合各阶段人群

    前两天受某大神之邀写一篇SEO方面的文章,考虑到大多数圈友们对SEO不甚了解,因此希望这里尽量用有限的篇幅,从SEO主体框架、流量分布现状及如何开展三个方面为大...

  • 周五早报:视觉中国遭连夜约谈,网站关闭全面整改;京东回应员工自杀;维基解密创始人阿桑奇被捕
    周五早报:视觉中国遭连夜约谈,网站关闭全面整改;京东回应员工自杀;维基解密创始人阿桑奇被捕

    天津网信办连夜约谈视觉中国,责令全面彻底整改视觉中国图片版权问题持续发酵。昨晚,针对视觉中国网站传播违法有害信息的情况,天津市互联网信息办公室依法约谈网站负责人...

  • 南京网站建设:SEO分析关键词之后怎么做
    南京网站建设:SEO分析关键词之后怎么做

    在网站做SEO工作中,行业的长尾关键词拥有快速排名的能力,这一点大家毋庸置疑。同时也是提高流量最好最快的方法之一。很多站长都知道这个道理,但却常常在“长尾词内容...

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