《新手网页设计师千万不要犯这7种错误设计.》由会员分享，可在线阅读，更多相关《新手网页设计师千万不要犯这7种错误设计.（8页珍藏版）》请在金锄头文库上搜索。
1、新手网页设计师千万不要犯这7种错误设计一网学设计小编：当我们点开一些杂乱无章，没有设计美感的网站，心情也会受到影响，对于客户来说简直是灾难，今天作者分享一些设计的反面教材，希望新手设计师不要犯这7种错误设计。1. 缺乏对比度网页上的文字和图片都需要具备较高的可读性，最简单的方法就是让它们具有高对比度。但是许多设计师却经常忽视这条规则。图片背景与文字对比度太差，导致文字模糊不清无法阅读，用户不仅错过这段话也错过了你要传达的重要内容。你必须保证每一个元素都与它周围的其他元素区别开来，记住这些基本方法色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见吧！上图的两个对比问题白色的文字与浅色的图片
2、颜色过于相近以及过小的字号都让这段文字的可读性变得极差。2. 糟糕的导航和操作流程当我登陆了网页的第一眼，你就得让我明白接下来我该做哪个操作。点击按钮以及信息需要放在显眼的位置这就是为什么导航和菜单栏往往处于页面的顶部。导航的标签内容和运行效果必须清晰直观，当你尝试使用水平方向的滚动条或者其他一些不太寻常的动效设计的时候，给用户一些暗示让他们知道你的网页如何工作吧！过于复杂的设计会让用户感到无所适从并放弃你的网站。3. 糟糕的图片搭配处理没有什么比一个优秀的图片被其他设计掩盖更糟糕了。如果你花了时间为你的网站搭配了一张优秀的图片，为什么要让它被其他的设计元素所覆盖呢？加上简单的一行字就可以了！
3、这也是为什么透明按钮成为了新的流行趋势。当设计师追逐潮流的时候，经常会落入这样的误区。顶栏很有趣，滚动也很棒，可是当你为它们搭配上文字，一切就容易变得不那么和谐了。页面上的每个图片都需要与文本搭配，让每个文字都可读，图片上的每个设计元素都清晰可见。不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面设计出现了这样的情况，最好更换一个更加简洁的背景并在其他地方放上你的这张图片吧。当第一眼看到上面这张图的时候你会被吸引是因为它的素描风格。但仔细看看，人物面部被文字遮盖了，那段褒奖之辞也让整体显得杂乱无章。4. 不使用网格在网页设计中，有些“杂乱”也能让人赏心悦目，不对称是其中的一种，不使用
4、网格绝对不是！是否使用网格是区分设计好坏的专业指标之一。网格让一切变得清晰有组织性 让你的元素之间保持一致的适当的间距，你知道应当把你的元素放在哪儿、怎么放。网格帮助你确定元素的尺寸、文本的尺寸和空间，通过比例展现内容的侧重点。5. 不采用响应式设计使用响应式设计框架！使用响应式设计框架！使用响应式设计框架！重要的事情说三遍！ 你的网页或许需要在手机上运行，它必须要和在电脑上运行一样流畅。我总能遇到一些网站，在手机上加载出的是一整个页面。这些网站并不是响应式设计，至少没有手机版的视图，以至于用户无法使用。（虽然很不常见，但那些只提供手机版视图的网站也相当让人无奈。）或许很多用户和我一样，如果我
5、不能在手机上顺利使用你的网站，那我也不会在我的电脑上打开它了。6. 链接丢失崩溃的链接是网页上最让人恼火的事之一。养成每年都去审核你的网页上链接是否畅通的习惯吧！你可以手动检查或是使用某些工具，比如Website Link Checker.如果你的logo并不能链接到你的网站首页，我也会感到奇怪。Logo都是要链接到网站首页的。（以及当处于首页的时候，不要禁用返回按钮。）考虑链接的可用性。保证你的链接，特别是那些文本中的链接足够明显并且易于点击而不造成误操作。不要在你的文本中添加很多文字链接，特别是在小的移动设备屏幕上，用户很难点击到正确的链接。7. 自动播放音乐在网页上添加声音会很生动，可千
6、万别在没有用户提示的情况下播放音乐。你应当提供给用户一个打开/关闭音乐的按钮，并且默认关闭。音乐或许会让用户惊艳，可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。用户需要能完全操控你的网页，而自动播放的音乐却与之背道而驰。我需要网页音乐但播放必须得到我的同意，如果我没办法找到按钮关闭自动播放的音乐，那只能直接关掉网页。但应用在广告上这倒是个不错的招数。如果你有有声音的内容必须要播放，考虑放一个大的弹出式静音按钮。用户往往会接受几秒钟的广告时间并会去阅读内容。虽然这不是一个理想的方法，却是一个比较好的解决方案。看看上面这张页面，它会自动播放音乐但应当是静音的。再看看能不能一眼找到切换
7、按钮吧按钮太小了特别是对比其他元素它更难被找到了。更严重的罪状没有最糟只有更糟，下面的一些细节设计错误也会让我弃之而去，别让你自己成为这些粗心犯的错误的受害者了。1. 没有搜索功能2. 语法或拼写错误3. 没有呼叫功能4. 文字中出现太多链接5. 连字符连接的文本6. 超小的按钮7. 糟糕的排版和可读性每个人都很容易造成这些设计失误（你在整体设计很棒的网站上也会发现这些潜在问题）。在设计和开发过程中关注这些小细节，你可以成功避开这些失误。别惹你的用户生气（严肃脸）！原文地址：blog.enqoo推荐阅读:提高网页设计对比度的五个技巧【网页设计培训】如何玩转电商产品BANNER图设计【网页设计培训】如何打造集功能性和视觉性为一体的网站？【一网学 原创文章 投稿邮箱：】微信公众号简介：本着分享交流的原则，揭秘设计师背后的故事，关注公众号，来分享属于你的设计故事吧!
