网站首页
手机版

怎么设计出风格一致的网页

更新时间:2022-04-01 14:38:44作者:佚名

怎么设计出风格一致的网页

  一个风格一致的网页比那种看起来杂乱无章的网页更吸引人,并且风格一致的网站有利于推广品牌和提升辨识度,那么怎么设计出这种风格一致的网页呢?

  怎样设计出”一致性”?


  说起来容易做起来难,如何打造一致性设计呢?如何让视觉形象成为联系用户与品牌的纽带?


  我们设计师真正能够把握的,也无非这几点:


  色彩(主色、配色方案的选择)


  视觉元素(图像,照片,图标,按钮的整体风格)


  字体(大小,排列)


  尺寸(内容尺寸,图像尺寸,间距大小)


  还记得向莎士比亚学习!你值得掌握的网页设计焦点法这篇文章吗?里面提到过,利用色彩、尺寸、视觉层级可以打造出视觉焦点。同样还是这些东西,这次利用他们打造出网页设计的一致性。


  优秀的体验设计来自于对细节的追求。我们格外的需要在这些小细节上下功夫。


  设计时也要考虑不同页面之间的一致性,尽管功能不同,但是要大体上(也就是说可以略有变通)保持不同页面之间视觉风格的一致——比如说,Logo和导航的位置。


  具备一致性之后的进阶


  大胆用色


  色彩的情绪效应想必大家都知道了,大胆的色彩能够有效的吸引用户。


  但是要注意,一定要注意色彩与品牌间的联系。例如,今年极为流行翡翠绿,可是你用翡翠绿为主色给可口可乐设计网页,就有点不合适了吧?


  彰显个性


  任何设计都有自己的基调,设计的基调影响了用户对网页的印象。在保持一致性的前提加入一点个性化是非常不错的想法,能够提高内容的表现力。


  再想想,某些网站虽然具备一致性,但是风格死板,让用户感到非常的无趣。如果网页设计的很鲜活,很个性化,而且联系紧密,用户首先会感觉非常有趣,其次会想,”嗯,这个网页的风格还挺一致的。”(不要为了一致性而死钻牛角尖,还要从更整体的角度看待设计。)


  充分考虑用户预期


  同时也要考虑到用户的预期,仔细思考下网页是如何与用户连结的,考虑下用户对网站的感觉。


  跟上面一样,不要一味的炮制一致性而忘乎所以,要考虑到用户,以用户为中心进行设计


  结论:


  理解一致性原则并加以运用,需要一定的设计基础。


  就像学习一套拳法需要动作分解一样,设计师首先要熟练掌握每个”小”元素的设计方法,然后再加以整合,形成”大”层次上的一致性。


本文标签: 建站  网页设计  百科  风格  

为您推荐

WPS2016文档怎么快速转换成PDF(wps office文档转换)

WPS2016文档怎么快速转换成PDF 1.打开需要转成的WPS文档,然后点击工具栏的"输出为PDF" 2.接着我们就可以选择转换的页面以及勾选相关的选项. 3

2023-09-28 00:08

手机WPS 手机wps表格怎么制作表格

手机WPS Office怎么填充表格? 手机WPS Office怎么填充表格? 1.首先打开手机WPS Office 2.打开或新建表格 3.点击"工具" 4.

2023-09-27 00:11

WPS2016打印如何节省纸张(wpsoffice怎么打印一张纸)

WPS2016打印如何节省纸张 首先我们在制作文档的时候为了区分段落经常会给段落加上空格进行区分,其实我们可以删除这个段落,这样对于长篇的文档来说可以节省很多空

2023-09-27 00:11

WPS2016如何限制文档编辑 wps文档怎么限制编辑

WPS2016如何限制文档编辑 1.打开需要限制编辑的文档,然后点击左上角的"WPS文字"然后点击"工具"→"限制编辑" 2.在限制编辑列表里点击"限制"选项,

2023-09-27 00:11

WPS2016个性页眉如何制作(wps做页眉)

WPS2016个性页眉如何制作 1.打开需要插入个性页眉的WPS文档 2.点击工具栏的"插入",点击"页眉和页脚" 3.接着点击"插入"→"形状",我们就可以在

2023-09-27 00:10

WPS2016如何修改纸张大小(wps怎样更改纸张大小)

WPS2016如何修改纸张大小 1.打开WPS文档,然后点击工具栏的"页面布局",接着选择"纸张大小" 2.进入页面设置选项后我们就可以根据自己的需求修改页面纸

2023-09-27 00:10