糟糕的网页设计中常见的10个细节

甩甩发5拽拽

甩甩发5拽拽

2016-02-17 03:23

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的糟糕的网页设计中常见的10个细节懂设计的网友们快点来了解吧!

良好的网页设计是件很难实现的事情。一个好的网页设计,不仅吸引眼球,也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计,你的用户也会再次回来。而一个坏的网页设计,会把你的用户从你的网站上赶跑。

在设计一个网页时,有许多地方会让许多设计师误入歧途。在本文中,我们会讨论让你的网页设计很糟糕的10个原因以及如何解决它。

1、没有足够的空白

糟糕的网页设计中常见的10个细节,PS教程,图老师教程网

空白可以说是设计中最重要的一部分。它有助于防止用户在浏览网站时变得疲惫,它可以在内容中划出距离,而且它本身也看上去不错。空白不是必须用白色的,而是,它仅仅是为其他设计元素提供间隔和缓冲的空间。

2、太多的字体

糟糕的网页设计中常见的10个细节,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

是的,我知道你刚买了一组5000个超级棒的字体,但为了你的网页设计,不要一次性全部用完。一般来说,限制自己,只用少数几种字体是个好方法,特别是对新手设计师。尽管你可以用衬线和无衬线字体混合出一种非常好看的设计,你也要知道该用在什么时候、什么地方,心里要有计划,否则,它看起来会很奇怪。

3、太多的色彩

背景一种颜色,内容文本一种颜色,链接一种颜色,页头和lightbox一种颜色,图案和页脚各一种颜色。这很好,因为它帮助区分了有用的内容。但是,多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度,会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色),再搭配反相的单色(白、灰、黑)以获得一个漂亮的结果。

4、没有内容层次

糟糕的网页设计中常见的10个细节,PS教程,图老师教程网

用户的眼睛喜欢有秩序的设计,如头部包含导航和LOGO,特定内容使用lightbox,三列分栏,页脚。它有助于在内心组织重要的信息,并引导用户注意在你想让他注意的地方。在传统艺术中,新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中,没有特别命名的准则,但以直观的方式组织你的内容是一条很好的经验规则。

5、不考虑用户的分辨率

是的,你的屏幕分辨率有2560像素,这非常好。但很多人还在屏幕上用1024像素的分率,有些还在用640*480或800*600。虽然这种分辨率的显示器正在减少,但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素,虽然没有照顾到每一种分辨率,但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户,最好考虑一个手机版设计。

6、对比的问题

糟糕的网页设计中常见的10个细节,PS教程,图老师教程网

你考虑过阅读黑底白字和白底黑字的不同吗?你有没有试过阅读一下白底灰字?有些方式之所以比其他的更好,其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字,考虑一下改变字体大小或方式。

成为一个大师级网页设计师:对比,对比,对比。

7、同一件事情做的不够多,或做的太多(过犹不及)

多重导航非常好,如一个在页头一个在页脚。在页脚加一个"返回顶部"的按钮也很好。但是,太多指向同一目标的途径会降低可用性。让你的奶奶用下你的网站,如果她搞不定,想想哪些东西让初次访问的用户拒绝使用这个网站。

8、不一致

一致性是网页设计的关键。它是把网页设计组织在一起的方式,可以创造一种紧密结合的感觉。在网站页面互相链接的情况下,它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体、大小和色彩,用户很快会觉得不知所措。

9、没有足够的文字间距

糟糕的网页设计中常见的10个细节,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

与空白有关,文字间距有两个部分,一个是字距(这个不能用CSS直接调整,可以通过一些高级技术解决),关系到字母之间的空白。一个是行距,可以用CSS直接调整,关系到两行文字之间的距离。这些有助于区分行与段落,使用户更容易阅读文字。

10、贫乏的尺寸大小

标准做法是h1的文字大于h2的文字,头部文字大于段落文字。尽量保持一致的尺寸,因为它有助于一致性(第8条)和内容层次(第4条)。保持文字的可读性,但不要太大,让字体的大小表现信息的重要性。还有,10像素以下的尺寸对大量阅读的人来说太小了。

好了,你已经看完了。现在你应该可以发现自己设计中的问题、评论别人的设计、成为一个大师级网页设计师了。我们错过了什么让你的网站糟糕的原因吗?在评论中让我们知道吧!

参与讨论

展开更多 50%)
分享

猜你喜欢

糟糕的网页设计中常见的10个细节

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
糟糕的网页设计中常见的10个细节

浅谈10个网页设计中常见的误解区

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈10个网页设计中常见的误解区

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

注意健身中常见的10个误区

育儿知识 怀孕 孕妇
注意健身中常见的10个误区

五种网页设计中常见的交互设计错误

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
五种网页设计中常见的交互设计错误

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

设计中常见的几个设计法则

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计中常见的几个设计法则

网页设计流程中常见问题分析及建议

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页设计流程中常见问题分析及建议

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

网页设计中常用的4种PS技巧

网页设计中常用的4种PS技巧

手机网站的UI设计概述

手机网站的UI设计概述
下拉加载更多内容 ↓