文档章节

实用推荐!网页设计中常见的错误

王尘宇
 王尘宇
发布于 2017/09/07 00:04
字数 1557
阅读 4
收藏 0
在设计网页的过程中,射鸡师们难免会犯点错。尤其是初出茅庐的新人们更加容易在实现新点子的过程中出错。别说是新手了,就算是经验丰富的行家也得注意提高警惕,避免犯这些错误。很多开发者越来越依赖网页模板来减少设计出错的机会。让我们来留心看看这些常见的错误吧。  

网页结构上的瑕疵

很多设计师把握不好承载信息的空间与留白之间的平衡。文本、图片和菜单应放在能与之形成足够反差的背景上,通过调整各元素之间的间距来营造干净整洁的外观,拥挤的页面是不能抓住访客注意力的。创建网站的过程中记得检查页边距和padding样式。 举个好栗子 →   feedafever wps_clip_image-26197

浏览器那些事儿

你的网站应该在所有的常用浏览器里都完美展现。很多设计师只不过是忘记了检测浏览器兼容性,或者匆忙之中跳过了这一步。那些依赖网站模板的开发者们经常犯这种错。常用的浏览器有好几个呢,每一个又有一堆不同的版本,足以将事情搞得越来越复杂。之所以有如此之多的版本,是由于许多用户不肯升级他们的浏览器。要找出网站目标用户群体常用的浏览器,并针对它们检查你网站的兼容性。 wps_clip_image-11284

令人抓狂的导航

这个错误可不得了,可以瞬间把感兴趣的访问者吓跑。访客访问网站时是冲着他们所需的信息而来的,这些信息应该最多在三次点击之内找到,而很多设计师把内容埋藏得太深了,使访客感到受挫。文本部分和导航元素应该被恰当地突显出来以引导用户,又有不少人在主页、产品、关于等栏目的标签上使用了用户不熟悉的词汇,导致他们产生困惑。网站模板对于需要开发新网站或者重新设计已有网站的中小企业来说是个很好的选择,能将正确的导航元素各归各位。

flash和音乐的使用

新人们对flash和背景音乐有某种迷恋,而代价就是变慢的响应速度和受阻的页面加载过程。很多用户接入网络的速度其实并不快,需要等很久页面才加载完,这就打断了原本流畅的浏览体验,结果很可能是用户改主意访问其他站点。带有flash的网站模板应该在开发工作进行之前检测过才行。 带背景音乐的网站并不是那么受欢迎。尽管在网站的指引音频中用上音乐也许不错,但仍需提供音效控制权给用户,而不是从一开始就自动播放。

不加标签的链接

网站上的所有链接都需要加上正确的标签。不管你是自己从零开始建站还是使用模板,这一点都至关重要,不然用户就弄不清楚这个链接将要指向何方。将相似的链接用同样的颜色或字体编组,改变已访问链接的颜色,使用清晰可见的按钮都是值得鼓励的方法。注意了,有时候设计师可能会忘记将文本块中的链接标记出来。

字体出错啦

过小或过大的字体都会带来错误的印象,使用最优字号的web安全字体是传达信息的最好方式。字体可不能带有妨碍阅读和理解的花哨样式。用字体玩太多的花样是一个应该避免的常见错误。网页模板可以大大降低犯这种错误的几率。

图片未优化

网络用图应调整尺寸或压缩大小,以节省空间和加载时间。若非如此,加载图片需要很长的时间,而访客一般不会再等下去,而是转投其他网站。提供缩略图预览并将缩略图链接到更大尺寸的图片可是个聪明的解决方法,很多设计师都没有注意到。常用的图片格式有JPG,PNG和GIF,其他格式加载的时间会更长一些。当一张或几张图标被用作背景时,设计师得小心处理加载时间和图片优化程度的问题。 wps_clip_image-26434

不当的色彩组合

在给网站选择颜色的时候,设计师可能没将网站目的和目标客户列入考虑范围。企业网站和医疗类网站的适用颜色是不一样的。使用强烈冲突的颜色或者颜色太多都是不明智的选择。许多设计师没有遵循使用三原色的法则。有需要的时候可以用用这些个互补色(原文complementary colors,可能是作者笔误)的深色调。有许多颜色漂亮的网站模板可以用作参考。 wps_clip_image-5096

糟糕的文字格式

搜寻信息的访客倾向于先扫描文字再深入考究细节,一大坨文字会让他们反胃的。很多设计师都没有设计利于扫描的文字格式。着重号、数字编号、标题、小标题、用加粗或颜色来强调文字都是些经常被忽略的简单方法。这个时候网站模板就是个聪明的设计参考点。 wps_clip_image-10514 网站设计过程包含了数个重要的阶段,设计师们要时刻注意防范可能发生的错误。有些错误由于疏忽造成,而有些则因缺乏相应知识造成。上面提到的小tips可大大减少出错的机会。

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
全方位解读web前端开发能从事的岗位!

随着网页设计技术在互联网行业的发展,Web前端开发在产品开发环节中的作用显得越来越重要,而且需要专业的WEB前端工程师才能做好。而网站也是越来越精美,个性,用户体验也是越来越好。现在,...

web前端05
03/21
0
0
Web前端开发应避免的8个小错误!

随着网页设计技术在互联网行业的发展,Web前端开发在产品开发环节中的作用显得越来越重要,而且需要专业的WEB前端工程师才能做好。而网站也是越来越精美,个性,用户体验也是越来越好。现在,...

web前端01
03/21
0
0
国外排名前20的设计博客和网站资源

在各行各业,尤其用户体验/界面设计中,唯有变化从未改变。当下的流行语似乎人尽皆知,而能保持对行业最新动态以及理念的敏锐嗅觉,确并非易事。尤其随着各类资讯以及资源的大量涌现,能筛选...

jongde
2016/08/26
380
0
20个值得开发人员关注的jQuery技术网站和博客

日期:2011/09/23 作者:Terry li - GBin1.com 1. John Resig - http://ejohn.org 毫无疑问,jQuery的缔造者的博客是你首先必须关注的。 2. Filmament Group Lab 这个也是必看之一,因为jQu...

gbin1
2011/09/23
3.9K
3
知道吗?9个搜索引擎优化(SEO)最佳实践

  作为网页设计师,搜索引擎优化重要吗?我们知道,网站设计是把屏幕上平淡无奇变成令人愉快的美感,更直观地辨认信息。这也是人与人之间在沟通想法,这样的方式一直在演变。穴居人拥有洞穴...

秋天风景
2014/09/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

C++ std::function 和 std::bind

C++11提供了std::function和std::bind两个工具,用于引用可调用对象。这些可调用对象包括 普通函数,Lambda表达式,类的静态成员函数,非静态成员函数以及仿函数等。引用可调用对象,可以用于...

yepanl
40分钟前
0
0
python:可迭代对象的索引

关于 python的range的用法: 注意是[ 开始,结束)的半开区间,不包括结束 http://www.runoob.com/python/python-func-range.html import collectionsfrom collections import Iterable字符串......

Oh_really
54分钟前
2
0
docker-compose ,docker-stack

1.例子 version: "3"services: php: image: registry.cn-hangzhou.aliyuncs.com/lxepoo/apache-php5 ports: - "38080:80" networks: - my_php_mysql volum......

chenbaojun
今天
3
0
SQL_Server2000示例数据库NorthWind的分析(转)

SQL_Server2000示例数据库NorthWind的分析 表名:Categories(食品类别表) 表结构: 字段名称 数据类型 长度 允许为空 CategoryID(主键) int 4 否 CategoryName nvarchar 15 否 Description ...

QQZZFT
今天
1
0
laravel 5.5 Session store not set on request.

laravel 5.5 数据存入session,会出现Session store not set on request.错误。查了下laravel 5.5将session放到global middleware中,需要laravel的文件 ./app/Http/Kernel.php中的加上一句:...

MichaelShu
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部