7个网页设计案例分析
有些时候,当我满怀期待地点开某些网站的时候——它们的存在简直是设计的灾祸!信赖我,当你看见它们也会抓狂的。从莫明的链接丢失到糟糕的可用性,我将会分享一些会让我瞬间暴走的错误设计。细致!万万别让你的用户碰到和下面同样的题目。
1.缺乏对比度

网页上的笔墨和图片都必要具备较高的可读性,最简单的方法就是让它们具有高对比度。但是很多设计师却经常忽视这条规则。
图片背景与笔墨对比度太差,导致笔墨模糊不清无法阅读,用户不仅错过这段话也错过了你要传达的紧张内容。
你必须保证每一个元素都与它四周的其他元素区别开来,记住这些基本方法——色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见吧!
上图的两个对比题目——白色的笔墨与浅色的图片颜色过于相近以及过小的字号都让这段笔墨的可读性变得极差。
2.糟糕的导航和操作流程

当我登陆了网页的第一眼,你就得让我晓畅接下来我该做哪个操作。点击按钮以及信息必要放在显眼的位置——这就是为什么导航和菜单栏每每处于页面的顶部。
导航的标签内容和运行结果必须清晰直观,当你尝试使用水平方向的滚动条或者其他一些不太平凡的动效设计的时候,给用户一些暗示让他们知道你的网页如何工作吧!过于复杂的设计会让用户感到无所适从并放
本文地址:http://tuquu.com/tutorial/di144.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








