Contact

0574-27729591
city@city-design.cn

Address

中国·宁波·江北区同济路
云汇中心3号1312

WeChat
menu

网站建设中设计须保持一致性

2016-08-11

在网站建设中,保持一致性是非常有必要的,它能够让整个网站看起来有衔接性,不会让用户产生每个区域都是独立的个体,产生浏览障碍。一致性包含了很多内容,从颜色到UI元素甚至到字体大小间距。严格地说,网页的一致性更加体现设计师对细节的追求,它涉及到设计中所有元素,呈现统一协调的网页给用户。那么我们需要从哪几个方面来考虑一致性呢?
 
主色、次色以及整体的色调。
关于网站中如何选取优秀合适的色调,这方面的理论之前也写过无数。为何色彩如此重要?这是因为颜色能够作为传递品牌效应的关键视觉因素之一。就像一些我们耳熟能详的品牌,提到它们,我们第一时间就会想起它的品牌色,甚至有时候在日常生活中看到类似的颜色搭配,也会不由自主的联想到该品牌。这就是品牌色彩带来的效益,一个特殊的颜色标识符可以快速的告诉用户你是谁。当然如果你只是中小企业,或许还没有那么大的影响力,但是起码要做到网站中色调的统一协调性。
 
另外,使用好颜色也可以帮助用户在使用你的网站过程中始终知道他们是不是在正确的位置。试想如果每个点击动作都把你带向一个使用新色调的页面,你还会疑惑自己究竟是不是在正确的地方吗?色调的统一性并不是说所有的界面都只采用一个颜色,我们应该先挑选出一个主要色,然后使用色彩理论添加一到两个次要色。再针对每种颜色设定一组样式和使用规则,在之后的设计中坚持使用这些规则便能保证你在色彩上的一致性。
 
 
字体大小、间距和位置。
如同颜色应该是基于一定样式规则的调色板,字体也是需要设定规则的,而且思路也是一样的。选择一个主要字体和大小,选择次要字体和大小。相比于颜色来说,字体的设置规则可能会稍微复杂一些。 对于 web 端的样式风格来说,你应该使用 CSS 来设置元素的大小,间距和位置,以便每个标签(如h1,h2,h3,body等)调用正确的属性值。在一个相对固定的位置显示的字体,如导航中中的字体,应该始终保持一致性。如果每个导航元素都采用不相同的字体,用户将会感到相当的困惑。这种一致性规则应该贯穿整个网站,所有相似的项目中应该使用相同的字体形式。
 
元素的尺寸大小和关系。
你设计的界面元素尺寸有多大?所有的按钮都是一样大吗?标题和图片大小又是如何?元素的大小应该由其风格决定,同一元素尺寸大小应该保持一致。元素使用一致的尺寸大小,并且不同元素间的关系也保持一致,便能帮助用户理解你在设计上所使用的一致性模式,并创建出一个流畅的视觉观感,达到一种和谐而平衡的效果。
 
一致的界面元素。
对于你的网站来讲,其中的每一个交互动作和界面元素应该以同样的方式工作。
(1)链接直接在当前标签页打开或在新的标签页中打开(为每个链接选择一个相同的打开方式)。
(2)按钮自始至终采用相同的颜色。
(3)导航位置固定且选项不变。
(4)页脚和侧边栏应持有一个特定的位置和大小(不应使页脚在一个页面上巨大而在另一个页面很小)。
(5)所有图标易于识别,且其指向符合用户的预期。
(6)可点击的元素应该总是可点击的(如有链接的图片)。
 
以上列出的这几项展示了所有你在考虑用户粘性和网站可用性时需注意的一些细节。一定要记住,如果你允许一个元素能执行一个动作,元素本身的样式和交互动作就应该是统一的。

宁波网站建设 城池设计:http://www.city-design.cn/News/867.html
相关新闻
work案 例
about关 于

联系我们

Tel

0574—2772 9591
158 2427 9580

很遗憾,您现在使用的是低版本的浏览器,为了更好的浏览体验,建议使用Chrome(谷歌浏览器)访问我们的网站。