企业风格网页设计和色彩搭配
发布日期:2016-08-18 00:20:42
手绘风格非常有利于展示人性色彩,形成独特的识别度,为用户带来真实感。当你收到好友寄来的明信片时,你总是希望看到卡片是手写的,带着好友独特的笔迹,而不是用电脑打印出来的。一张手写的便笺也总是比电脑打出来的纸片更加随意和亲近。

在网页设计中,道理也是一样的:手绘和手写风格的应用可以让产品显得更加独特、更加真实、更加值得信赖。下面是手绘风格带来识别度和真实感的三个例证:

独特的外观和感受

首先,手绘风格带来独特的外观和感受。著名的原型图和线框图工具 Balsamiq 是典型代表。Balsamiq 的功能强大而复杂,其外观和感受却是非常简单明了,手绘风格的应用使用户回忆起基本的纸笔勾画,让用户专注于基本的功能呈现,而不是纠结于产品外观上的细节。同时,这样的外观也形成了 Balsamiq 本身独特的风格。

识别度与个性化

手绘风格带来更高的识别度,让用户记住你的产品。例如 Windows 上著名的代码编辑器 Notepad++ 的新 logo:

变色龙主体图案不仅恰到好处地展示了产品本身的功能(高亮代码的积累和变化),同时图标本身也显得相当可爱,抓住了用户的注意力,帮助用户把 Notepad++ 和竞争对手的编辑器产品区分开。

企业风格网页设计和色彩搭配

人性化与亲近感

手绘风格带来人性化与亲近感。告诉用户产品呈现的内容背后有着活生生的人,并且这些人已经仔细地考究了产品的细节,让它看上去更加真实,更值得信赖。

iPad 上著名的儿童数学练习应用 MathBoard 复刻了黑板的观感,孩子们甚至可以直接用手在“黑板”上写出数字。这样的设定让算术练习不那么冰冷和枯燥,具有了一丝人性化的色彩,更加易用,更有吸引力。

信息传达与内容构建

信息的传达方式决定了用户是否会看到和理解这些信息。手绘风格可以更有效、更清晰地传达信息。下面是三个例证:

解释产品特性

描述一个产品特性可能需要好几行字,如果用手绘的话,一张图就够了。著名的应用测试服务 TestFlight 在其网站上介绍特性时使用了四个便签形式的草图来配合文字描述。在传递产品特性信息的同时也使网站变得图文并茂,更加易读。

展示工作流程

与其用大段文字解释产品操作中第一步做什么第二步做什么,不如给每一步配上一张清晰的手绘图,增加可读性,大为减少文字的用量。

引导用户

使用手绘图标可以有效地引导用户进入产品和网站的各个部分。例如之前我们介绍过的 Stamped,其网站上用卡通风格图片来引导用户进入各个种类的网页。

团队展示

用户总是会很想知道网站、产品或者服务背后的人,因此一个有爱的团队展示页面上显得尤为重要。仅仅提供联系方式是远远不够的,还需要向用户展示他们要联系的这群人有着怎样的个性和气质,要让团队显得平易近人而又值得信赖。要达到这样的目的,使用手绘图片是一种很好的做法。

企业风格网页设计和色彩搭配

         一、确定网站的整体风格   

  网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。  
  风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。  
   在这里,我提供给大家一些参考经验:   
   1.将你的标志logo,尽可能的放在每个页面上最突出的位置。  
   2.突出你的标准色彩。   
   3.总结一句能反映贵站精髓的宣传标语!   
   4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!  

   二、网页色彩的搭配   

  无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。  
  关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。  
   1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。  
   2.用两种色彩。先选定一种色彩,然后选择它的对比色。   
   3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。  
   在网页配色中,还要切记一些误区:   
   1.不要将所有颜色都用到,尽量控制在三种色彩以内。   
   2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

上一记录:平面化风格手机网站设计制作流程
下一记录:品牌形象企业网站logo设计技巧

网站建设在5G时代到来后会面临的变革
网站建设在5G时代到来后会面临的变革
4G网络才刚刚普及,5G技术又快马加鞭。综合有关消息我们可以明确获知,最快一到两年内,5G网络就可以在三大运营商开始试商用。想想这些年,
2019-03-20 10:03:02
摄影网站要如何设计才能吸引人
摄影网站要如何设计才能吸引人
重要的日子都可以用摄影来记住,所以市场对摄影服务的需求还是比较大的。而在了解各种摄影网站的过程中,摄影网站的设计已经成为人们非常关
2019-03-15 14:30:47
手机网页设计要注意什么?
手机网页设计要注意什么?
手机作为一种人人都离不开的智能产品,它们的功能已经从最初的接收电话到现在的网络服务,很显然手机已经蜕变成了一个智能网络的移动端口,
2019-03-14 15:35:12
网站建设提高营销吸引力的关键因素
网站建设提高营销吸引力的关键因素
网站建设成功之后如果想要得到更多人的关注,并且可以让自己网站浏览量与日俱增,增强网站浏览转化率以及知名度就必须要保证网站的功能性和
2019-03-11 14:42:47
网页设计如何通过人工智能来实现
网页设计如何通过人工智能来实现
人工智能,一个新的时代序幕或许因他而慢慢拉开,智能化被提及的次数越来越多,对与人工智能的发展也越来越快,对未来和现在,甚至过去都产
2019-03-11 14:16:42
网站设计怎么才能够抓住用户的心
网站设计怎么才能够抓住用户的心
网站设计在网站建设当中骑着至关重要的作用,在具体的运营维护过程中也不可忽视。设计就要根据自己网站的定位,来确定具体的风格,在选择设
2018-04-13 12:23:32
APP交互设计基本功:关于搜索框设计的点滴
APP交互设计基本功:关于搜索框设计的点滴
许多人可能认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复
2018-03-07 23:01:22
网站交互设计基本实用要点
网站交互设计基本实用要点
眼睛是心灵的窗口,做网站,只有先吸引到用户的注意力,才有后话!落实到具体的设计上,就不得不提到交互设计了。现在基本每个网站都有类似
2018-03-07 22:53:33
网站建设运营和优化要点
网站建设运营和优化要点
 网站建设运营和优化,又简称为网站建设。当需要我们自己去做一些网站的改版工作时,我们需要添加一些插件,来增强网站的各种体验性的操作
2018-03-04 09:32:35
精品网站制作的小技巧
精品网站制作的小技巧
网站的类型有很多种,而且花样也比较多,内容很丰富。想要设计一个在同类型网站中脱颖而出的话,获得更多的流量,就要在制作网站的时候花更
2018-02-22 23:38:19
叶老设计
Copyright ©2015-2021 cnyelaw.com All Rights Reserved 叶老设计 版权所有 网站地图 备案号:湘ICP备16009065号-2
网站设计 长沙网站建设 长沙网站设计 长沙网站制作 长沙做网站 长沙建网站 长沙网站建设 长沙网站设计 长沙小程序开发 长沙APP开发 长沙商城网站建设 长沙微网站制作