企业风格网页设计和色彩搭配
发布日期: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设计技巧

一个好的移动网页是怎么设计的
一个好的移动网页是怎么设计的
Google 最近的研究表明,移动设备的用户更乐于再次访问适配了移动设备的网页。这意味着,你的网页在移动端也同样要做到界面友好。但究竟怎
2017-07-30 23:23:06
关于Web设计中的可用性决策
关于Web设计中的可用性决策
以下原则主要用在开放性的门户网站中,这类网站中用户流量较大,且用户注意力极容易被分散,这时一个Web页面的瞬间识别性直接关系到用户转
2017-07-29 00:02:34
网站建设之如何确定网站的设计风格
网站建设之如何确定网站的设计风格
我们都知道互联网发展是十分快速的,每一天都会有很多的新网站出现,但是网站那么多,要怎么让自己的网站变得引人瞩目呢?  在这里我们需
2017-07-21 00:03:00
网页设计中的图片的使用技巧
网页设计中的图片的使用技巧
图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体,图片对于网页设计师而言至关重要。如何用好图片已经成为了一项
2017-07-11 15:05:47
手机网站建设如何使用分屏网页设计手法
手机网站建设如何使用分屏网页设计手法
曾经很多站长都说,如果谁抓住PC端流量谁就赢得盈利的先机,然而现在很多传统PC端网站站长都感到压力,就算把网站PC端做的再好,最终获得流
2017-07-05 10:18:34
网站建设之常见页面布局种类
网站建设之常见页面布局种类
网站是由很网页构成,网页设计成功副否也关系了整体的网站设计效果。那么你的网站到底要怎样做好页面布局呢?下面我们就一起看看常见的网站
2017-07-02 21:52:32
扁平化网站设计如何呈现出美学风格
扁平化网站设计如何呈现出美学风格
扁平化网站带来美学风格,现在已经变得一种设计风潮,扁平化网站设计由于大胆的用色,简洁明快的界面风格一度让大家耳目一新,再加入美学体
2017-06-30 15:56:32
营销型网站设计重点 为企业带来实际收入
营销型网站设计重点 为企业带来实际收入
互联网企业的发展在中国可谓是如火如荼,很多线下企业都致力于打造属于自己的营销型网站,一个好的营销型网站,不仅能够起到宣传和推广企业
2017-06-30 08:30:34
偏平化响应式网页设计指南
偏平化响应式网页设计指南
响应式网页是一种对于设计的全新思维模式,响应是双方的,是互动的过程,在这个过程中设计师要考虑设备的性能、Dom节点数量、屏幕的大小等
2017-06-28 09:20:20
网站建设中的哪些不当设计
网站建设中的哪些不当设计
网站作为信息互联网化时代企业品牌输出最重要的平台之一,对任何一家企业来说都有着很重要的意义和作用!  但不得不承认的一点是:大多数
2017-06-23 15:09:17
叶老设计
Copyright ©2015-2016 cnyelaw.com All Rights Reserved 叶老设计 版权所有 网站地图 备案:湘ICP备16009065号
网站设计 长沙网站建设 长沙网站设计 长沙网站制作 长沙做网站 长沙建网站 长沙网站建设公司 长沙网站设计公司 网站建设公司 网站设计公司 长沙商城网站建设 长沙微网站制作