新手网页设计师千万不要犯这7种错误设计

合集下载

网页设计禁忌

网页设计禁忌

网页设计禁忌1 网页成功的首要条件便是主题清晰。

如果你只不过是做一个个人网页,你的内容很杂,这也无可厚非。

如果你想吸引更多人,就要写得专业点,要有特色,不要把一些毫无关系的内容放在一起,不如做多一个网站。

个人的精力有限的。

尝试做一个精而专的网站,既可以使你的知识和能力获得更大的提升,网友也可以从中受益。

2 不要制作一些无聊或言之无物的网站,网络上这类网页很多,若你不洁身自爱也加入的话,实属不智。

可尝试制作有意义的网页,如个人介绍、收藏、明星网页等等,对于初学者,网页的主题、取材是最大的困惑,不妨多看看别人的网页规划及内容。

3 不要使用本地化、口语化的文字,别以为所有的浏览者都能看懂这些所谓的亲切的口语。

个性的反映不只在于网页的整体设计,你的文字表达风格也是一个非常直接的因素。

关于外观的禁忌1 不要先决定网页的外观,然后强迫自己甚至是强迫别人去适应它。

应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑,设计出一个最适合的网页架构。

2 不要每页都采用不同的背景图片,以免每次转页都要花时间去下载。

采用相同的背景色及近似的按钮都能增加网页一致性,树立统一的风格。

这也是最基本的网站VI设计(视觉识别系统)。

3 不要把图片的白色部分当作是透明的颜色,要知道别人的操作系统是并不一定会将底色设为白色的。

解决的方法是把网页的底色设为白色。

而最好的方法是用图片编辑工具为图片设置好透明底色。

4 底色或背景须与文字颜色形成明显对比,方便阅读。

若你的网页里有较多文字,不妨在这方面下多点功夫,力求让浏览者能舒适阅读你的文章。

5 每页的排版不要太疏或用太大的字,尽量避免看网页的时候要作很大的卷动。

6 太长的一页要使用内部链接,聪明的网页设计者不会让浏览者在看网页时太多卷动。

7 在17寸显示器尚未普及的时候,不要以 800x600 以上的像素设计网页。

因为这常常会导致设计上的判断失误。

因此,无论你有再大的显示器,能上再大的分辨率,将显示器设置成 800x60 0的显示模式是适当的。

网页制作与设计容易出现误区的几点

网页制作与设计容易出现误区的几点

网页制作与设计容易出现误区的几点互联网营销是时下的热门,是众多企业心中的理想渠道,一旦做好品牌塑造网页流量就是大把的过来,然而面临互联网上的经验诀窍,经常会被误导,那么网页制作与设计容易出现误区的地方有哪几点呢?网页制作与设计容易出现误区的几点因此通常在网页标题中合理布置公司核心产品的关键词。

网站关键词选择不能过于贪心,选择过于热点的词或者追求关键词密集度只会进入误区,无法排名。

采集站没什么前途,不要去盲然的挂链接,到时候害的是自己.快照不更新的原因很多,不等于网页没有权重。

传统网页制作做美工设计的时候会走进追求漂亮的误区,一个视觉效果良好的网页能够给企业形象与实力增分,然而倘若与产品风格符合反而起反作用。

在保证与产品风格匹配的基础上再去追求美术效果。

搭建响应式网页的益处有很多,可以考虑关于升级目前的网页,以便能够在任何大小的屏幕,尤其是各类移动设备上完整加载。

每个网页在进行建设前,设计者都要先分析网页的用处,就是做什么用的,需要具备的功能,建设过程中需要的人员数和时间等,做到心中有数,才能够在规定的时间内建设出高质量的网站。

往往公司要做互联网营销,需要先设计一个网站,举个例子来说营销型网站。

做互联网营销确实相当有必要建一个这样的网站。

然而这仅是互联网营销的组成部分,而互联网营销是系统工程,不是制作网站就可以叫互联网营销的,建立网站仅仅是其中的一步。

另外很多企业还有容易出现误区的是网站建好后,老是盯着网站的流量、访问数不放。

公司站不是娱乐站,不可能有多么高的流量,并且企业站一般也不更新内容也不多,不可能有多么高的收录和快照。

公司做互联网营销,是为了带来效益,追求的也应该是由品牌转化而来的效益。

文案设计也在网页框架当中占据了一部分,现在的人看文字的耐心不多,再遇到拖沓冗杂的文案,那效果就会大打折扣,因此网站文案制作重点突出简约。

总的来说其实就是给用户一个理由。

能做到这一点,其中的任何环节都需要分外谨慎,有可能其中的小细节对网站的成败造成影响。

7个让你的页面布局成为最大败笔的设计错误

7个让你的页面布局成为最大败笔的设计错误

7个让你的页面布局成为最大败笔的设计错误投递人gbin1发布于2011-11-21 20:49 评论(0)有386人阅读原文链接[收藏]«»即使web 设计已经成为一个真正的产业,开发一个网站仍旧是技术和艺术的结合。

一个网站的设计即可以带来大量流量,同时也可以吓走大量用户。

当然这些都和设计师相关。

经验,天份和能力三方面的努力是一个设计师最强大的工具,一个设计精良的布局是所有这些的基础。

而且,这也是一个非常耗时的工作。

设计一个非常好的布局是一件非常不容易的事情,而且判断的方式也非常的主观。

任何一个设计可能会取悦你,也可能让其它人厌恶。

尽管这样,这里仍旧有些大家都承认的设计误区。

为了帮助大家来避免这些错误和误区,我们列出了一些设计的小技巧。

我们同时也希望大家能够帮助我们完善这些小技巧。

不管怎么说,希望大家能帮助我在下面留言,带给大家更多的想法和建议。

谢谢!1. 缺乏空白的区域没有比把页面塞得像麻袋一样满更让人烦人的设计了。

你应该保留一定得空白页面让访问者放松他们的眼睛。

很多设计者都想提供更多的内容在第一个页面。

感觉初学设计的人更容易犯这个错误,但其实各个设计水平的人都有这个倾向。

因为设计界错误心态这个错误大家犯得比较多。

设计者太依赖于布局而不敢尝试其它的方式。

正确的心态是忽略掉任何的规则,创建一个你认为对于用户来说是正确的布局。

最简单的因素绝对一切。

2. 非常糟糕的颜色组合这里有很多的糟糕的布局形式,但是糟糕的颜色搭配绝对是最吓人的。

一个很常见的错误就是使用高对比颜色创建一个富有视觉张力的设计。

这里有不同的来自学校的观点。

我们应该学会如何区别对待。

很多的对比设计都希望通过一种颜色来通过色彩和饱和度重点突出最重要的部分。

这里有一个小花招非常不错:降低你的文件饱和度然后如果各个元素之间的区别非常清晰的话,那就足够了。

这个逻辑非常简单:视觉没有问题的人会看的非常清晰,然而有视觉问题的人将看到布局黑色,白色或者灰色。

「网页设计中的七个错误做法」

「网页设计中的七个错误做法」

网页设计中的七个错误做法众所周知,一个拥有好的用户体验的网站会带来流量和销售额,而一个差的用户体验的网站只能让网友抱憾而走,那么在网页设计中什么样的做法是错误的呢?文军信息和您一起来探讨。

一、不注册就不能浏览网站。

文军信息的小伙伴之前用过某地方的人才招聘网站,结果发现网站不注册就不能搜索相关职位和公司,网站可能想用这样的方法来提高网站的注册量,但是从用户的角度来说,并不是好的用户体验,用户可能会选择不注册而离开。

二、没有针对不同设备进行网页优化现在大家越来越倾向于利用手机等移动端设备来浏览网页,所以在网页设计中,文军信息建议您除了做好网页版的优化外,更需要对移动端的设计进行优化,使不同设备下的网页都有好的视觉体验。

三、表格栏目太多,过长之前曾经填写过某网站关于游戏嘉年华的调查问卷,由于题目过多,填了很多问题后,还没有看到结束的迹象而放弃了填写,文军信息的小伙伴认为在填写表格时一种方法是应将表格进行压缩,不要设置太多的问题,另一种方法是如果问题很多的话,可以进行相关提示,告诉用户现在的完成进度。

四、字体难以辨认,或者采用特殊的正文字体在网页设计中,经常有客户要求将字体改成带有特殊效果的,因为系统中的默认字体只有宋体、微软雅黑、楷体等部分字体,如果使用特殊字体而用户的系统中没有该字体的话,页面效果将无法展现,文军信息觉得您可以将特殊字体制作成图片,以图片的形式出现在网页中。

五、搜索功能不好用如果网站的搜索功能不强大不如不加搜索功能六、网页中文字太多如果网页中全部都是文字的话,很可能让用户产生阅读疲劳,而增加跳出率,文军信息建议您不妨多些图片少些文字,让网页更加丰富多彩。

七、图片质量差,模糊不清如果网站是以产品为主,而网站上的产品图片又很模糊的话,网站就失去了进行宣传的意义,另外一张清晰的产品图片更让用户有浏览下去的欲望。

从微软得到的教训:十个要避免的网站设计陷阱

从微软得到的教训:十个要避免的网站设计陷阱

大多数网页似乎倾向于蓝色,但又不是相同的蓝,也有一些网页完全忽略了蓝色倾向。

问题是,不管你网站是2页或者200页,一致性还是必需的。

在有限的时间内对一个网站的运作方式和界面变得熟悉时,用户会感到更加舒适。

每隔几页就给一些截然不同的东西会使浏览更加混乱,用户体验也变得很低效。

除此之外,创造一个强有力的统一的品牌就是一个良好的业务,因为它帮助客户以更独立的方式去联想你公司。

当然了,微软有许多不同的品牌,这些分站都是从主页延伸出来的,但即使是核心的网页中,图片风格和导航方法似乎大大不同。

#5 剪贴画中心的设计看看剪贴画在微软Office很无可避免的存在,这个建议会显然是有点荒谬。

但是,ICON设计自1995年以来已经走了很长的路,是时候放弃图片中你看到的那种特定风格了。

上面这些从微软网页拿来的例子让我感到鸡皮疙瘩,尤其是那个丑陋的“Beginner Developer” 标志。

我搞不懂一个回力标为什么要攻击一个神奇的植物,悬浮着显示器是协助攻击还是逃离现场?我所知道的是,视觉传达在这里是一团糟。

这就是为什么CSS画廊像我们自己一样存在世上的主要原因。

不这样的话你就可以窃取别人的设计,但这样你就可以一瞥你正在开发的设计十年来的发展状况。

浏览这些CSS画廊,就像在商场流行服饰店一样去,以显示给你的疯狂姑姑她没必要穿得好像要去参加Sunny和Cher的表演。

记得时刻保持自由无疆界,从自我开始超越于流行设计。

世界都在变化,小心过于固执保守。

#6 文本对齐与溢出微软网站的另一个不容忽视的倾向就是文本总是不断的破坏行列,很明显的溢出边界.无可厚非的,但如何去实现这就有很大的区别了。

有一个事实就是,现在大多数网民都学会了辨认,忽略甚至可能反感横幅广告。

这并不是说,这种类型的广告在适当的目标和设计下也没有效果,更不是说微软用户根本不去点击,我实在觉得可疑的是,就没有更好的处理办法了么?如你所见,微软网站如果要导航用户到他们的移动电话和其他项目,简单的方法就是设置了一个混乱,非标准(智能设计)的广告系统贯穿整个网站。

网页设计中的十大误区

网页设计中的十大误区

在网页设计中的十大误区我搜索了许多网页设计的最大失误的前10名的名单。

然后把这些错误整理了一下,给大家列出来分析一下1。

不良搜索过于字面的搜索引擎,降低可用性,因为他们无法处理错别字,复数,连字号,查询条件的其他变种。

这样的搜索引擎会伤害大家,特别是一些老年用过户。

与此相关的一个问题是搜索引擎时优先基础上,它们包含多少个查询词,而不是每个文件的重要性。

在列表的顶部,如果你的搜索引擎调用 - 特别是对重要的查询,如你的产品的名称,好多引擎都会有“最好的XX”,引起用户反感。

搜索是用户的生命线时,导航失败。

尽管高级搜索有时可以帮助我们,简单的搜索通常是最好的作品,应作为一个简单的搜索框,因为这是用户正在寻找什么。

2。

在线阅读PDF文件用户讨厌整个PDF文件,因为它打破了他们的流动。

有些简单的事情,如打印或保存文档是很难的,因为标准的浏览器命令不起作用。

很少用户的浏览器窗口的大小相匹配优化布局。

最糟糕的是,PDF是一种未分化的内容BLOB,很难导航。

3。

不改变访问过的链接颜色一个把握好过去的导航,帮助您了解您目前的位置,因为它是你的旅程的见证。

了解你的过去和现在的位置反过来使得决定下一步去哪里更容易。

链接是这个导航过程中的一个关键因素。

用户可以排除链接,证明了他们早先访问无果而终。

相反,他们可能会重新审视他们发现,在过去有用的链接。

最重要的是,知道哪些网页,他们已经访问了释放用户无意中重温一遍又一遍相同的页面。

这些好处只产生一个重要的假设下,用户可以告诉访问过的和未访问的链接之间的区别,因为该网站显示,他们以不同的颜色。

访问过的链接时不变色,可用性测试,用户表现出更多的导航定向障碍,并无意重新在同一页面多次。

4。

非可扫描文本墙式的文字是致命的交互式体验。

无聊,痛苦的阅读。

在线写,而不是打印。

要绘制成文本并支持扫描的用户,使用记录的技巧:分目项目符号列表突出关键字小段倒金字塔一个简单的写作风格,粗糙的语言,缺乏市场5。

前端设计的七大误区你不可忽视

前端设计的七大误区你不可忽视

前端设计的七大误区你不可忽视前端设计是指在网页制作过程中,负责页面结构、布局、交互和视觉等方面的设计工作。

然而,由于缺乏经验或对于一些细节的忽视,很多设计师常常会陷入一些常见的误区。

本文将介绍前端设计常见的七大误区,帮助设计师们避免这些错误,提升设计的质量。

误区一:忽视响应式设计响应式设计是指设计能够适应不同设备、不同屏幕尺寸的布局和展示效果。

然而,很多设计师只关注平台或设备上的视觉效果,忽视了在不同屏幕尺寸下的布局调整和交互效果。

这会导致在较小屏幕上显示效果不佳,用户体验下降。

因此,设计师们应该时刻考虑到响应式设计的需求,并在设计中充分考虑到不同屏幕尺寸下的布局和展示效果。

误区二:过度依赖图片在前端设计中,图片是一个很重要的元素,可以提升页面的视觉效果。

然而,过度依赖图片会导致页面加载速度慢,给用户带来不良的体验。

设计师们应该合理运用图片,并考虑使用CSS和字体来代替一些简单的图片元素,以减少对图片资源的依赖。

同时,对于需要使用图片的地方,还应该对图片进行合理压缩,以提高页面加载速度。

误区三:不合理的颜色搭配颜色是前端设计中非常重要的元素,可以影响用户的情绪和体验。

然而,很多设计师在颜色搭配上存在一些误区,使用过于鲜艳或过于深沉的颜色,导致页面的整体效果不佳。

设计师们应该学习色彩搭配的原理,并选择合适的颜色搭配方案,以实现良好的视觉效果和用户体验。

误区四:忽视页面加载速度页面加载速度是前端设计中的重要指标之一。

如果页面加载过慢,用户很可能会选择离开网站,导致流失用户和客户。

然而,很多设计师在设计过程中往往忽视页面加载速度的影响因素,造成页面加载缓慢。

为了优化页面加载速度,设计师们应该合理使用CSS和JavaScript,减少不必要的代码和资源加载,并选择合适的图片格式和压缩工具,以提高页面的加载速度。

误区五:不注重用户体验用户体验是前端设计的核心目标之一。

然而,很多设计师在设计过程中往往忽视用户的真实需求和行为习惯,导致用户无法顺利完成操作,降低了用户的满意度。

网站设计最忌讳什么

网站设计最忌讳什么

网站设计最忌讳什么网站设计最忌讳什么网站设计最忌讳什么呢?让我们一起来看看吧!更多内容请关注店铺!1、忌滥用图像也许还有人记得,最初的浏览器是不支持图像的。

在一定程度上甚至可以说,支持图像的浏览器的出现才带来了Internet今天如此迅猛的发展。

好的图像在增加吸引力的同时能带给我们更多更直观的信息。

虽说图像功不可没,但是由于所占空间大,增加了网页的下载时间,如果用得过多过滥,只会适得其反。

除非符合以下几种情况,否则请在你页面上慎用图像:图像是公司或单位的徽标、地图,或是重要的指示性标志;图像是人家花钱作的广告或重要的友情链接;网站的某些内容必须以图像方式表现(如网站本身是个展示美术、摄影作品的艺术类站点);即使对于必须保留的图像,有经验的网页设计者还是要对它们进一步优化:尽量用JPEG格式;如果非用GIF,那么尽量压缩颜色数;慎用动画,GIF动画常常是同等大小静止图像的几倍、几十倍大,而且动画容易分散访客的注意力。

把一页中的动画数削减到三个以下;巧妙重复运用同一幅图像。

如果访客在某页中显示了一幅图像,它就已被下载到缓存中了,后面再用到时,可直接从缓存中调用,这能大大节约时间;当确实要显示一幅尺寸较大的图像时,在页面上用一幅尺寸较小的缩略图或文字链接指向它,或把它分割为几幅间距为0的小图。

没有什么比一幅千呼万唤不出来的大图更让人心焦的了;别忘了给图像加上ALT属性。

这样,在浏览器中关闭图像显示项的访客定会对你的细心周到大加赞赏。

忌用Java Applet或滥用各种Script对于Java Applet和javascript/VBScript:尽量不用Java Applet,Java Applet每次都要重新下载和启动; 对于Script,应尽量采用Netscape和IE都支持的javascript,由于VBScript只有IE才支持,应慎用,即使对于javascript,NC和IE的标准也有一定差别,应注意;在对javascript的选择上,只选那些真正实用、有助浏览的,如一个可通过单击折叠、展开的列表;不选那些哗众取宠、分散注意力的,如一些动画效果;如果你真有一些很酷的Java Applet或Script想给大家展示,那么单辟一个演示区。

网页设计师常见的错误

网页设计师常见的错误

网页设计师常见的错误1、繁忙,拥挤的页面"留白'或"负空间',是除你的背景制定之外的元素,是一个极其重要的制定元素。

它是一个重要的制定元素,影响访问者如何理解不同元素的重要性。

在你的栏、不同的页面元素之间,甚至在单独的字符、行和段落之间都应该使用足够的空白。

既要合计"宏'白空间,也要合计列四周的负空间、页面元素,甚至整个制定;还有微白空间、单个行、段落和子元素之间的负空间。

除了空白之外,不要在一个页面上放置太多的内容。

游客们将有可能访问的网页,寻找一些特定。

只包涵相关信息和必要的导航和每个页面上的站点范围元素。

最好是在许多状况下,有多个短页比只有少数很长的,尤其是如果这些长的有一吨的内容无关。

2、两个硬找到新的内容除非你制定的站点是完全静态的,否则如何展示新的信息和内容关于好的制定是至关重要的。

回头客可能会对上次参观后发生的变化感兴趣。

一般来说,这是在博客上自动完成的,文章以日期降序排列。

但在其他类型的网站上呢?有几种方法来处理这个。

您可以将整个部分用于新内容。

这可能是一个链接到最新内容的页面(例如,最近的十个更新)。

或者这可能是主页中的一个部分,或者是另一个链接到最新更新的页面。

无论在主页上还是在自己的页面上,使这个特别显示都很重要。

目的是让游客更容易找到它。

3、找不到链接链接是网站最重要的部分之一。

可以说,它们可能是最重要的元素。

在任何状况下,您必须要保证您的链接很容易与其他文本元素区分开来。

这里有两件事必须要记住。

首先,要保证你的链接在某种程度上区别于你的其他文本。

可以使用不同的颜色、下划线或其他文本属性(除了闪烁文本)。

要记住的第二件事是不要让没有链接的文本看起来像一个链接。

这意味着,在任何状况下,如果你的站点不是链接,你的站点上的任何文本都必须加下划线。

它还意味着,如果使用其他元素来样式化链接,请不要将它们应用于非链接文本。

4、不正确的图像格式在网站上使用不同图像的正确图像格式是至关重要的。

网站产品设计应避免的7个误区

网站产品设计应避免的7个误区

网站产品设计应避免的7个误区你的网站是在吸引客户依旧赶走客户?假如犯了下面提到的某些问题,带来的缺失可能会令你欲哭无泪。

幸免下列设计误区,能够事半功倍。

求大求全而不求精。

弗吉尼亚州罗浮市Grow Interactive工作室创始人德鲁·安格瓦斯基认为,一个网站不可能面面俱到。

认真选择要放上网的内容,精心组织,做到条理清晰,整洁明了。

“专门多人堆砌了太多东西,专门是在主页上,有种掐着客户的颈项硬往里填的感受。

”他说。

程序复杂。

从打开网站到完成交易的整个过程必须专门简单。

安格瓦斯基表示,评估网站设计优劣时第一要站在顾客和扫瞄者的角度摸索。

他有一个适应:结账前一定要建个账户。

他建议,要让消费者能够在你那儿买得顺心。

疏于打理。

你的网站永久可不能完全完工。

他说,要不断想方法吸引客户,丰富内容,让网站有新奇感。

这有助于长期留住客人,还有助于提高网站排名。

假如你在推广某种产品或服务,或者正在做专门优待,建议用登陆页面做好Email和社交网支持。

仿照竞争对手。

时刻留意竞争对手的动作,但不要抄袭,这是罗德岛普罗维登斯市ExNihilo网络服务公司总裁史蒂夫·格雷丝佛的建议。

假如你的网站看起来和其他公司太相似,顾客可能会混淆。

观看别人的动向,但要以你自己的客户群为动身点,运用你的体会来决定他们最重视什么。

忽视受众需求。

给老年人看8号小字的页面,会让他们专门苦恼。

着手开发网站前,一定要充分了解你的受众群及其特有需求。

“小号字或专门难辨别的字体或鲜艳的颜色可能从设计角度看起来专门酷,但假如你不是为买东西的人设计网站,他们就可不能来买东西。

”格雷丝佛说。

互联网的一些事回避网站分析。

“设计新站前,回头分析一下你之前所有旧网站的流量分析。

”格雷丝佛说。

了解你的网站跳转率——有多少人只是看了一两个页面后就离开了——找出用户登陆次数最多的页面和离开次数最多的页面。

谷歌分析器能够帮你了解流量来源,人们通过什么关键词找到你的网站,还有人们在你的网站上都看过什么页面,如此就能够增加更多有效内容。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

新手网页设计师千万不要犯这7种错误设计
一网学设计
小编:当我们点开一些杂乱无章,没有设计美感的网站,心情也会受到影响,对于客户来说简直是灾难,今天作者分享一些设计的反面教材,希望新手设计师不要犯这7种错误设计。

1. 缺乏对比度
网页上的文字和图片都需要具备较高的可读性,最简单的方法就是让它们具有高对比度。

但是许多设计师却经常忽视这条规则。

图片背景与文字对比度太差,导致文字模糊不清无法阅读,用户不仅错过这段话也错过了你要传达的重要内容。

你必须保证每一个元素都与它周围的其他元素区别开来,记住这些基本方法——色彩、空间、尺寸。

合理地运用它们让你的每个元素都清晰可见吧!
上图的两个对比问题——白色的文字与浅色的图片颜色过于相近以及过小的字号都让这段文字的可读性变得极差。

2. 糟糕的导航和操作流程
当我登陆了网页的第一眼,你就得让我明白接下来我该做哪个操作。

点击按钮以及信息需要放在显眼的位置——这就是为什么导航和菜单栏往往处于页面的顶部。

导航的标签内容和运行效果必须清晰直观,当你尝试使用水平方向的滚动条或者其他一些不太寻常的动效设计的时候,给用户一些暗示让他们知道你的网页如何工作吧!过于复杂的设计会让用户感到无所适从并放弃你的网站。

3. 糟糕的图片搭配处理
没有什么比一个优秀的图片被其他设计掩盖更糟糕了。

如果你花了时间为你的网站搭配了一张优秀的图片,为什么要让它被其他的设计元素所覆盖呢?加上简单的一行字就可以了!这也是为什么透明按钮成为了新的流行趋势。

当设计师追逐潮流的时候,经常会落入这样的误区。

顶栏很有趣,滚动也很棒,可是当你为它们搭配上文字,一切就容易变得不那么和谐了。

页面上的每个图片都需要与文本搭配,让每个文字都可读,图片上的每个设计元素都清晰可见。

不要用文本或者按钮覆盖图片上任何重要的部分。

当你觉得你的页面设计出现了这样的情况,最好更换一个更加简洁的背景并在其他地方放上你的这张图片吧。

当第一眼看到上面这张图的时候你会被吸引是因为它的素描风格。

但仔细看看,人物面部被文字遮盖了,那段褒奖之辞也让整体显得杂乱无章。

4. 不使用网格
在网页设计中,有些“杂乱”也能让人赏心悦目,不对称是其中的一种,不使用网格绝对不是!
是否使用网格是区分设计好坏的专业指标之一。

网格让一切变得清晰有组织性——让你的元素之间保持一致的适当的间距,你知道应当把你的元素放在哪儿、怎么放。

网格帮助你确定元素的尺寸、文本的尺寸和空间,通过比例展现内容的侧重点。

5. 不采用响应式设计
使用响应式设计框架!使用响应式设计框架!使用响应式设计框架!重要的事情说三遍!你的网页或许需要在手机上运行,它必须要和在电脑上运行一样流畅。

我总能遇到一些网站,在手机上加载出的是一整个页面。

这些网站并不是响应式设计,至少没有手机版的视图,以至于用户无法使用。

(虽然很不常见,但那些只提供手机版视图的网站也相当让人无奈。


或许很多用户和我一样,如果我不能在手机上顺利使用你的网站,那我也不会在我的电脑上打开它了。

6. 链接丢失
崩溃的链接是网页上最让人恼火的事之一。

养成每年都去审核你的网页上链接是否畅通的习惯吧!你可以手动检查或是使用某些工具,比如Website Link Checker.
如果你的logo并不能链接到你的网站首页,我也会感到奇怪。

Logo都是要链接到网站首页的。

(以及当处于首页的时候,不要禁用返回按钮。

)考虑链接的可用性。

保证你的链接,特别是那些文本中的链接足够明显并且易于点击而不造成误操作。

不要在你的文本中添加很多文字链接,特别是在小的移动设备屏幕上,用户很难点击到正确的链接。

7. 自动播放音乐
在网页上添加声音会很生动,可千万别在没有用户提示的情况下播放音乐。

你应当提供给用户一个打开/关闭音乐的按钮,并且默认关闭。

音乐或许会让用户惊艳,可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。

用户需要能完全操控你的网页,而自动播放的音乐却与之背道而
驰。

我需要网页音乐但播放必须得到我的同意,如果我没办法找到按钮关闭自动播放的音乐,那只能直接关掉网页。

但应用在广告上这倒是个不错的招数。

如果你有有声音的内容必须要播放,考虑放一个大的弹出式静音按钮。

用户往往会接受几秒钟的广告时间并会去阅读内容。

虽然这不是一个理想的方法,却是一个比较好的解决方案。

看看上面这张页面,它会自动播放音乐但应当是静音的。

再看看能不能一眼找到切换按钮吧——按钮太小了特别是对比其他元素它更难被找到了。

更严重的罪状
没有最糟只有更糟,下面的一些细节设计错误也会让我弃之而去,别让你自己成为这些粗心犯的错误的受害者了。

1.没有搜索功能
2.语法或拼写错误
3.没有呼叫功能
4.文字中出现太多链接
5.连字符连接的文本
6.超小的按钮
7.糟糕的排版和可读性
每个人都很容易造成这些设计失误(你在整体设计很棒的网站上也会发现这些潜在问题)。

在设计和开发过程中关注这些小细节,你可以成功避开这些失误。

别惹你的用户生气(严肃脸)!
原文地址:blog.enqoo
推荐阅读:
提高网页设计对比度的五个技巧【网页设计培训】
如何玩转电商产品BANNER图设计【网页设计培训】
如何打造集功能性和视觉性为一体的网站?
【一网学原创文章投稿邮箱:2513515697@】
微信公众号简介:本着分享交流的原则,揭秘设计师背后的故事,关注公众号,来分享属于你的设计故事吧!。

相关文档
最新文档