软月互动-南京高端网页设计公司 软月互动-基于网络营销的完美网站建设服务商

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

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

    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
      最新文章
  • Robots协议中致命的小细节 却最容易被忽略
    Robots协议中致命的小细节 却最容易被忽略

    在我看来Robots协议就是网站运营者行使网站支配权的一种执行文件,也是网站运营者最基本的权利。它是搜索引擎蜘蛛爬取网站之前重要的第一道关口,所以Robots协...

  • 滴滴将继续下架顺风车业务:坚决整改,将有33项问题逐条落实
    滴滴将继续下架顺风车业务:坚决整改,将有33项问题逐条落实

    站长之家(ChinaZ.com) 11月28日 消息:今天,交通部通报了近期针对网约车顺风车的安全检查情况,通报指出滴滴公司仍存在 7 方面 33 项问题,要求...

  • ofo激进商业化:视频广告175万一天 公众号48万一条
    ofo激进商业化:视频广告175万一天 公众号48万一条

    新浪科技讯 11月28日上午消息,资金困境中的ofo仍未放弃在商业化方面的探索。新浪科技获得的一份ofo B2B事业部的对外报价显示,其视频广告“试听风暴”的刊...

  • 最新百度搜索网页标题规范 网站标题不再“标题党”
    最新百度搜索网页标题规范 网站标题不再“标题党”

    对搜索用户来说,标题是一个网页最直观的认知渠道和展现方式,也是吸引用户点击搜索结果进入落地页的关键因素。为了保障搜索用户对所需资源的有效获取,保证搜索结果的公平...

  • 宝宝树IPO发行价定为6.8港元 明日在港交所挂牌上市
    宝宝树IPO发行价定为6.8港元 明日在港交所挂牌上市

    【TechWeb】2018年11月26日消息,母婴在线社区宝宝树今早发布公告称,该公司IPO(首次公开募股)发行价定为6.8港元,明天在港交所挂牌上市。宝宝树公...

  • 阿里宣布组织架构调整:天猫升级为大天猫 形成三大板块
    阿里宣布组织架构调整:天猫升级为大天猫 形成三大板块

    【TechWeb】11月26日消息,阿里巴巴集团CEO张勇今天发出全员公开信,宣布阿里最新一次面向未来的组织升级:阿里云升级阿里云智能,加强技术、智能互联网的投...

  • 小鸣单车最新破产审核结果:欠债1920余万元
    小鸣单车最新破产审核结果:欠债1920余万元

    【TechWeb】11月26日消息,据小鸣单车破产工作信息官方微信号显示,小鸣单车破产工作计划仍在进行中,管理人已完成对三十名非用户普通债权人申报债权的初步审核...

  • 腾讯QQ安全功能升级 不再提供单独账号申诉入口
    腾讯QQ安全功能升级 不再提供单独账号申诉入口

    【TechWeb】2018年11月26日消息,日前,腾讯发布《帐号改密、找密、更换密保手机服务升级及申诉服务下线的公告》,公告称不再提供单独账号申诉入口。公告显...

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