网页设想的7个误区

相干保举

网页设想的7个误区

　　导语：有些时辰，当我满怀等候地址开某些网站的时辰 —— 它们的存在的确是设想的灾害!信任我，当你瞥见它们也会抓狂的。下面是网页设想的7个误区，接待参考！

　　1. 缺少对照度

　　网页上的笔墨和图片都须要具备较高的可读性，最简略的方式便是让它们具备高对照度。但是良多设想师却常常轻忽这条法则。

　　图片背景与笔墨对照度太差，致使笔墨恍惚不清没法浏览，用户不只错过这段话也错过了你要转达的主要内容。

　　你必须保障每一个元素都与它四周的其余元素辨别开来，记着这些根基方式——色采、空间、尺寸。公道地利用它们让你的每一个元素都清楚可见吧!

　　上图的两个对照题目——红色的笔墨与淡色的图片色彩过于附近和太小的字号都让这段笔墨的可读性变得极差。

　　2. 糟的导航和操纵流程

　　当我登岸了网页的第一眼，你就得让我大白接上去我该做哪一个操纵。点击按钮和信息须要放在背眼的地位——这便是为甚么导航和菜单栏常常处于页面的顶部。

　　导航的标签内容和运转结果必须清楚直观，当你测验考试利用程度标的目的的转动条或其余一些不太平常的动效设想的时辰，给用户一些表示让他们晓得你的网页若何任务吧!过于庞杂的设想会让用户感应莫衷一是并抛却你的网站。

　　3. 糟的图片搭配处置

　　不甚么比一个优异的图片被其余设想袒护更糟了。若是你花了时辰为你的网站搭配了一张优异的图片，为甚么要让它被其余的设想元素所笼盖呢?加上简略的一行字就能够了!这也是为甚么通明按钮成了新的风行趋向。

　　当设想师追赶潮水的时辰，常常会落入如许的误区。顶栏很风趣，转动也很棒，但是当你为它们搭配上笔墨，统统就轻易变得不那末协调了。页面上的每一个图片都须要与文本搭配，让每一个笔墨都可读，图片上的每一个设想元素都清楚可见。

　　不要用文本或按钮笼盖图片上任何主要的局部。当你感觉你的页面设想呈现了如许的情况，最好改换一个加倍简练的背景并在其余处所放上你的这张图片吧。

　　当第一眼看到下面这张图的时辰你会被吸收是由于它的素描气概。但细心看看，人物脸部被笔墨粉饰了，那段贬责之辞也让全体显得混乱无章。

　　4. 不利用网格

　　在网页设想中，有些“混乱”也能让人赏心好看，错误称是此中的一种，不利用网格相对不是!

　　是不是利用网格是辨别设想黑白的专业目标之一。网格让统统变得清楚有构造性 —— 让你的元素之间坚持分歧的恰当的间距，你晓得该当把你的元素放在哪儿、怎样放。网格赞助你肯定元素的尺寸、文本的尺寸和空间，经由过程比例揭示内容的偏重点。

　　5. 不接纳呼应式设想

　　利用呼应式设想框架!利用呼应式设想框架!利用呼应式设想框架!主要的任务说三遍! 你的网页也许须要在手机上运转，它必须要和在电脑上运转一样流利。

　　我总能碰到一些网站，在手机上加载出的是一全部页面。这些网站并不是呼应式设想，最少不手机版的视图，以致于用户没法利用。(固然很不罕见，但那些只供给手机版视图的网站也相称让人无法。)

　　也许良多用户和我一样，若是我不能在手机上顺遂利用你的网站，那我也不会在我的电脑上翻开它了。

　　6. 链接丧失

　　瓦解的链接是网页上最使人恼火的事之一。养成每一年都去考核你的网页上链接是不是通顺的习气吧!你能够手动查抄或是利用某些东西，比方Website Link Checker.

　　若是你的logo并不能链接到你的网站上海龙凤419，我也会感应奇异。Logo都是要链接到网站上海龙凤419的。(和当处于上海龙凤419的时辰，不要禁用前往按钮。)

　　斟酌链接的可用性。保障你的链接，出格是那些文本中的链接充足较着并且易于点击而不形成误操纵。不要在你的文本中增加良多笔墨链接，出格是在小的挪动装备屏幕上，用户很难点击到准确的链接。

　　7. 主动播放音乐

　　在网页上增加声响会很活泼，可万万别在不用户提醒的情况下播放音乐。

　　你该当供给给用户一个翻开/封闭音乐的按钮，并且默许封闭。音乐也许会让用户冷艳，可要是用户正处于任务情况或是表情很差的时辰这么做却拔苗助长。用户须要能完整操控你的网页，而主动播放的音乐却与之背道而驰。我须要网页音乐但播放必须获得我的赞成，若是我没方式找到按钮封闭主动播放的音乐，那只能间接关掉网页。

　　但利用在告白上这倒是个不错的招数。若是你有有声响的内容必须要播放，斟酌放一个大的弹出式静音按钮。用户常常会接管几秒钟的告白时辰并会去浏览内容。固然这不是一个抱负的方式，倒是一个比拟好的处理计划。

　　看看下面这张页面，它会主动播放音乐但该当是静音的。再看看能不能一眼找到切换按钮吧——按钮太小了出格是对照其余元素它更难被找到了。

【网页设想的7个误区】相干文章：

网页设想技能06-02

网页标题设想08-13