统一原则在网页设计当中的运用

发布时间：2017-03-27　　来源：本站
皇姑区网站建设,铁西区网站制作,和平区网站制作公司,大东网络公司,沈河区网站建设,于洪网站建设,东陵网站建设，浑南网站建设

在视觉上的共同能够体如今：图画，色彩；区块；规划；字体，视觉元素。此外，还有一个交互上的共同。

1、图画共同
图画共同体如今图画巨细尺度上的共同，色彩色系上的共同和图画个性的共同。
不管是京东仍是天猫taobao，这些商城在网站上的图画处理就用了这么的共同原则。不一样的场景下对图画的请求也都不一样。比方京东商城的主页，每一个区块起到必定的导航性作用，在这么的场景下，需求的图画都是比照简练而不是背景杂乱的。下面我做了一个过错的示例给咱们演示：
2、色彩共同
色彩共同指的是页面傍边色彩色系运用的共同性，这么的共同性能够体如今页面中的全体色系，也能够体如今页面傍边一切区块标题的色彩，乃至共同到全部页面界面傍边按钮的色彩调配。通常情况下假如不知道页面定啥色系好，小编给的定见和主张就是跟着你们的logo色彩走。
3、字体共同
都知道界面傍边的字体显现尤为主要，所以字体必定不能让观者觉得乱，必定要做好共同。
字体能够在改变中找共同，不管是字体、字号或是色彩上的共同，切勿为了杰出字体而做过多作用，反而削弱文字的可读性。
在一个网站傍边，处理字体共同的时分，最佳在界面设置的时分共同设置。能够借助一些搭站体系去设置，也能够通过写css款式去断定界面的字号，标题和正文的字体巨细最佳都共同共同，必定要防止主页正文是14px，进入到子页面的时分字体巨细就成为16px，这么简单让观者发生必定的不舒服感。
除此，字体的挑选上也要共同。如今字库上有许多字体，所以在选用字体的时分最佳选用跟页面全体个性相符的字体。

4、区块共同
区块的共同首要体如今各个区块的高度巨细、边框色彩、标题款式或者是区块的全体款式，当然并非一切共同起来就是好的，要具体情况具体分析。仍是上面天猫商品界面，那么多区块，款式边框都做了共同，看起来规整而有序。下图做了过错的演示，区块的边框做了不一样的色彩处理，这么的区块一起出如今界面傍边时就会显得杂乱。
5、规划共同
规划的共同首要是说页面傍边一些规划设置要共同，不要这个导航进入的侧边栏在左面，下一个导航进入侧边栏在右边，这么的界面会让人摸不着头脑，用户需求重新去习惯新的界面规划。

顶部导航和Logo的方位是不是共同？行距离、文字与图画的距离是不是共同？这些都表现了一个网站在细节上的思考。有些页面在规划上咱们也许很难发现有多好，可是假如一些细节做得不够好，却很简单让人觉得在运用上不舒服。所以在规划上主张共同共同，规划者能够在写款式规划的时分共同设置。一样类型的操作应该有相似的成果反应，一样的功用界面也应该有相似的规划款式。
6、视觉元素共同
这儿的视觉元素包括页面傍边各种元素的尺度、巨细和色彩。这些元素能够是按钮、图标、动画等，在网站规划时也要思考不一样页面之间的共同性，虽然功用不一样，可是要大体上（能够略有变通）坚持不一样页面之间视觉个性的共同。
7、交互共同
交互上的共同也很主要，除了视觉外观上能够一样看到的，”交互”和”做法”上也要下必定的功夫。在各个页面傍边的交互性也很主要，且最佳坚持大致的一样，避免过分杂乱。比如市面上的一些排插上的按钮规划，有些排插上的按钮按下去是敞开，有些排插按下去是封闭，这么的交互规划不一样一，会让运用者摸不着头脑，运用起来也及其不顺手。日子中都如此，在页面规划傍边也是不能疏忽交互上的共同，假使同个界面的同个元素，用户触发这个元素的时分，这个元素给用户两种不一样的显现作用，这么只会让用户对这个网站发生距离感。
在视觉、交互方法和操作成果上坚持共同。削减用户运用成本，也能让用户感到亲切感，体会到商品规划上的严谨性。共同和谐其实在页面傍边也比照主要，它能够让比照激烈或是突兀的一个界面变得比照舒服和柔软，下降用户心里的不舒服感，拉近用户之间的距离感和亲切感。