网站建设保持视觉统一,从规范元素设计开始

分享到:

2018-08-07 08:40:00

网站建设中,适当规范元素的设计,意思是对网站的必要组成元素进行系统的规范,制定一系列统一的标准,如不同层级文案的字体、大小等,这不仅便于之后的网站优化,提升优化的效率,在整体视觉上也能保持一致性,用户适应后,能降低用户需找信息,解读信息的时间成本,给用户带来舒适的阅读体验。

本文小编就给大家讲讲网站建设中,哪些元素设计是可以规范的。

网站建设规范元素设计

一、根据信息层级统一文案字号、字体

网站建设的两个主要组成元素是文案与图片,但是文案较之图片更需要规范,且要形成一定的规范系统,不然造成是信息层级的混乱,用户对层级信息的把握也会有偏差。

统一层级信息的字号与字体,保证标题、副标题、正文、注释等内容字体与字号的一致性。在桌面端,不同层级的字号差距要可能大一点,用户才能较容易识别。但在移动端网站,由于屏幕设备小,页面空间有限,字号的差距保持在2px左右,用户也能感受到其差异,而且层级信息还要精简,实在是不能用字号来区别层级信息时,要适当运用字体渐变色来区分。

二、统一按钮控件设计

网站建设中,统一按钮控件的设计,能有效帮助用户识别按钮,引导用户点击,提升网站转化率。

统一按钮空间设计可以从按钮样式、按钮的交互设计入手。

样式指按钮的具体形状,比如网站按钮统一设置成圆角矩形的按钮,或是指教矩形的按钮。大小可以根据按钮所在版块决定,如在Banner上的按钮,可以相应放大。

统一按钮的交互设计,用户点击或滑过按钮,按钮发生动画反馈,让用户更清晰感知整个操作过程。这里的反馈过程,每个按钮可以设计成一样,降低用户的认知成本,提升用户体验。

三、确定主色调

网站建设时,找一个与自己品牌格调相统一的主色调,运用在元素设计上,形成视觉上的统一。

四、统一行距、间距

行距区分上下元素的逻辑关系,适当的间距保证元素的可读性,规范这两个设计,保证页面元素的逻辑性与可读性。如文案的行距,一个段落内以及不同段落间的文案行距是不一样的,但是每一行的文案行长、字间距是一样的,这样更好方便用户阅读。

怎样建设网站会更有特色呢?规范元素设计是一个技巧,在设计中融入自己的想法会更加好,不过网站建设并不是对所有的元素都进行规范,这样不利于网站的规划,网站设计也会显得呆板没有特色。

声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴