文档章节

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

王尘宇
 王尘宇
发布于 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
西安
私信 提问
每个设计师应该阅读的8本书

本文提供的8本书中,有的是很多年前的书,新的很少。但这几本书中对设计师来说都很重要,希望设计师们贡献出来一些时间,把它们读完,你们会发现,这是值得的。 1、《设计的法则》 本书简介:...

生气的散人
2013/05/03
572
7
全方位解读web前端开发能从事的岗位!

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

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

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

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

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

jongde
2016/08/26
380
0
知道吗?9个搜索引擎优化(SEO)最佳实践

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

秋天风景
2014/09/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周三乱弹 —— 孤独到都和病毒发生了感情了

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @-冰冰棒- :#今日歌曲推荐# 逃跑计划《一万次悲伤 (Live)》 《一万次悲伤 (Live)》- 逃跑计划 手机党少年们想听歌,请使劲儿戳(这里) 现在...

小小编辑
49分钟前
18
5
test

//// main.c// Test//// Created by 吕颖 on 2019/1/16.// Copyright © 2019年 carmen. All rights reserved.//#include <stdio.h>#include <stdlib.h>#include <t......

carmen-ly
今天
3
0
Android webview热门组件agentweb:4.0.2无法自适应的问题

Android webview热门组件agentweb:4.0.2无法自适应的问题 //设置自适应屏幕,两者合用mAgentWeb.getAgentWebSettings().getWebSettings().setUseWideViewPort(true); //将图片调整到适合w...

Gemini-Lin
今天
5
0
如何维护一个自己的 golang doc 服务

本文内容是如何维护一个golang 在线的doc 服务。 1 什么是godoc ? godoc 是 golang 官方提供的文档生成工具, 2 为什么要有godoc ? 我们经常遇到一个问题,就是代码和文档不一致,线上代码版...

鼎铭
今天
5
0
js中的对象创建的模式以及继承模式

对象创建模式: 工厂模式 构造函数模式 原型模式 继承模式 原型式继承 寄生式继承 构造函数 原型式和构造函数的组合式(缺点:运行两次超类类函数,积累函数的属性被挂载在原型对象上和实例对...

莫西摩西
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部