文档章节

分享简约风格网页设计的技巧

 月西西
发布于 2017/04/24 11:05
字数 1573
阅读 9
收藏 0

  网页设计的风格多样,其中简约风格是许多用户都喜欢的,一是界面干净,方便用户找到想要的信息,提高网页打开速度,二是页面看起来高大上,讨用户喜欢。近几年,网页设计的核心是内容,简洁干净的网页,提高了网站的易用性。下面金色方向石家庄网页设计分享简约风格网页设计的技巧。

  1、专注于做行为召唤设计

  网站上的每一处设计都应该是有目的的,都相应地迎合用户的某个行为或者需求,这是显而易见的。

  这也为行为召唤的设计提供了依据。引导用户的文案、按钮和链接都应该清晰、明显,永远不要让用户错过。

  2、简化分页

  所设计的页面是否需要分很多不同的页面?这些页面有没有分割的必要呢?可以重新思考这个问题了。

  将多页面的内容简化为可管理的区块,不要让用户为了查看内容而多点击,将相关的内容保存到一起,方便用户集中阅读和查看。删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中,不要零散的放置。

  3、统一配色方案

  虽然很多色彩确实很有吸引力,但是它们也很容易喧宾夺主。坚持将配色方案控制在两到三个色彩,这样能让尽可能好的控制整个设计的配色。

  如果想让配色尽可能简单,那么可以采用单色配色,会发现这种简单的色调搭配是如此的漂亮,较少的色彩对于用户的心理负荷更小,尤其是当整个视觉设计足够和谐的时候。

  4、采用标准的导航设计

  虽然隐藏式的导航看起来很酷,而非常规的创意导航也非常的赞,但是这些导航模式对于用户并不是那么友好。偏离常规的设计虽然容易让人记住,但是在使用体验上,常常相对更加困难。选择标准模式的导航,能够让网站更加易用。

  最常规的导航模式,是将导航栏置于页面顶端,通常是3到8个不同的选项,当然,不要选择10年前流行的复杂、全面的大型导航菜单,除非是在大型零售电商。

  5、采用80/20原则

  请记住,网站中20%的内容将会触发用户80%的操作,这意味着内容应当有轻重缓急之分,行为召唤用语和行为召唤按钮等界面元素将是引导用户交互的重要组成部分。

  考虑到这一点,在进行设计的时候,应该将设计的重心放在这20%的内容上,而剩下的80%的内容则根据需求进行调整。这20%的元素通常都是最吸引用户点击的那部分内容:按钮、图片和行为召唤文本。

  6、有目的地使用UI元素

  图标、图片等每一个UI元素在整个设计中都有其作用,有些元素的使用是有约定俗成的规则,不要因为某些元素看起来酷,或者单纯“为了有”而加上,最好通盘考虑,在合适的地方,合理地使用UI元素。

  7、仔细挑选字体

  字体和排版同样遵循少即是多的原则。

  最容易阅读的字体,通常都有着标准的外观造型,均匀的笔触,朴实无华而无需多余的装饰。一套完整的字体通常有着多样的字重和可选的样式,不需要再去寻找其他的字体来搭配。而在排版的问题上,文本需要同背景有着充分的对比,

  在设计网页的时候,通常会用到两套字体,一套应用到正文上,另外一套字体则用到标题上,用作展示。

  8、增大文本尺寸

  在进行排版设计的时候,需要在合适的时候增加文本尺寸。随着我们日常看到的屏幕尺寸的增加,我们需要让用户看到我们所提供的信息,并不是堆砌更多的内容,而是要合理的增加文本的尺寸。

  虽然在移动端设计上这种需求并不明显,但是根据实际情况,适当的提升字体尺寸能让文本的易读性有明显的提升。当然,置于首屏的关键词要明显,吸引用户滚动,而不是将所有的内容都堆在首屏。

  9、创建易读的文案

  排版能够从视觉上控制内容的复杂度,而文字则能够控制在信息传达上的复杂度。两者其实是同等重要。每个词汇都应该和视觉保持意义和信息上的一致性。

  文案和视觉一样,都需要反复推敲。

  网站是可传达、可阅读的媒介,因此文案和内容都应当干净、简介,且高度可读。可以根据网站的风格,使用符合相应调性的文案。

  10、打破一项规则

  有的时候规则是用来打破的,但是如果想让设计保持简单,那么在设计的时候,应该有意识的打破一条规则,但是只能是一条。

  如果需要让设计在简单的同时,又不是始终循规蹈矩,那么打破一条规则是让不走寻常路的最快的方法。它会让设计看起来不那么寻常,但是又能有迹可循,打破太多的规则会很容易让访客觉得混乱。

  总之,网页设计简约风格,并不简单,用少来表达多,用更少的元素设计网页,简化网页细节元素,给用户更极致的体验。

© 著作权归作者所有

共有 人打赏支持
粉丝 1
博文 26
码字总数 23553
作品 0
石家庄
分享40款简约风格的 WordPress 主题(下篇)

  WordPress 是最流行的博客系统,插件众多,易于扩充功能。安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单易用。这篇文章和大家分享40款简约风格的 WordPress 主题...

秋天风景
2012/05/21
0
0
网页设计趋势

纯粹主义者会说,伟大的设计是永恒的。是的,在一个理想世界中,我们可以忽视趋势与流行。 但是实事求是地讲,跟踪和融入设计的趋势是很有价值的,尤其是网站方面。让我们面对现实:网络时刻...

未来十年
2013/02/05
0
0
留白在网页设计当中的运用

早在小编上大学就喜欢日本简约的设计风格,从田中一光到现在的原研哉,他们一点点的将日本设计带向了全世界。现在大家说的日式风大都是简约风格,这样设计风格最近几年也一直被推崇着。 日本...

尹公子
2017/03/20
155
0
优设年度盘点专题!2017年最受欢迎的设计风格合集

优设年度盘点专题!2017年最受欢迎的设计风格合集 优设-UISDC2017-12-281 阅读 设计合集 编者按:人们一直在设计领域中探索发现,设计风格也因此层出不穷,本篇专题为大家整理出2017年最流行...

优设-UISDC
2017/12/28
0
0
Facebook 官方出品! iOS 11模板文件,含 PSD/SKETCH 和壁纸

Facebook 官方出品! iOS 11模板文件,含 PSD/SKETCH 和壁纸 优设-UISDC2017-12-261 阅读 教程iOSfacebook 近日 Facebook.design 推出了新的 iOS 11 KITS。目的是让设计师更好、更快的制作 ...

优设-UISDC
2017/12/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Bash各类扩展详解

Bash各类扩展详解 Bash中主要包括大括号扩展、波浪号扩展、变量扩展、子命令扩展、文件名扩展和算数扩展。这些扩展组合在一起为Bash带来了极大的易用性。掌握这些扩展的用法和功能,能够为B...

小陶小陶
55分钟前
1
0
EventBus原理深度解析

一、问题描述 在工作中,经常会遇见使用异步的方式来发送事件,或者触发另外一个动作:经常用到的框架是MQ(分布式方式通知)。如果是同一个jvm里面通知的话,就可以使用EventBus。由于Event...

yangjianzhou
今天
5
0
OpenCV图像处理实例:libuv+cvui显示摄像头视频

#include <iostream>#include <opencv2/opencv.hpp>#define CVUI_IMPLEMENTATION#include <cvui.h>extern "C"{#include <uv.h>}using namespace std;#define WINDOW_NAM......

IOTService
今天
3
0
openJDK之JDK9的String

1.openJDK8的String 先来看下openJDK8的String的底层,如下图1.1所示: 图1.1 底层上使用的是char[],即char数组 每个char占16个bit,Character.SIZE的值是16。 2.openJDK9中的String 图2.1...

克虏伯
今天
3
0
UEFI 模式下如何安装 Ubuntu 16.04

作者:知乎用户 链接:https://www.zhihu.com/question/52092661/answer/259583475 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 针对UEFI模式下安装U...

寻知者
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部