网页设计出现的问题
做网页〔制定〕出现的问题
网页上的文字和图片都必须要具备较高的可读性,最简单的方法就是让它们具有高对比度,但是许多制定师却常常忽视这条规则。下面介绍做网页制定出现的问题,希望对您有帮助。
1. 缺乏对比度
网页上的文字和图片都必须要具备较高的可读性,最简单的方法就是让它们具有高对比度,但是许多制定师却常常忽视这条规则。
图片背景与文字对比度太差,导致文字模糊不清无法阅读,用户不仅错过这段话也错过了你要传达的重要内容。
你必须确保每一个元素都与它四周的其他元素区别开来,记住这些基本方法彩、空间、尺寸。合理地运用它们让你的每个元素都清楚可见吧!
上图的两个对比问题白的文字与浅的图片颜过于相近以及过小的字号都让这段文字的可读性变得极差。
2. 糟糕的导航和操作流程
当我登陆了网页的第一眼,你就得让我明白接下来我该做哪个
操作。点击按钮以及信息必须要放在显眼的位置这就是为什么导航和菜单栏往往处于页面的顶部。
导航的标签内容和运行效果必须清楚直观,当你尝试使用水平方向的滚动条或者其他一些不太平常的动效制定的时候,给用户一些暗示让他们知道你的网页如何工作吧!过于复杂的制定会让用户感到无所适从并放弃你的网站。
3. 糟糕的图片搭配处理
没有什么比一个优秀的图片被其他制定掩盖更糟糕了。如果你花了时间为你的网站搭配了一张优秀的图片,为什么要让它被其他的制定元素所覆盖呢?加上简单的一行字就可以了!这也是为什么透明按钮成为了新的流行趋势。
当制定师追逐潮流的时候,常常会落入这样的误区。顶栏很有趣,滚动也很棒,可是当你为它们搭配上文字,一切就容易变得不那么和谐了。页面上的每个图片都必须要与文本搭配,让每个文字都可读,图片上的每个制定元素都清楚可见。
不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面制定出现了这样的状况,最好改换一个更加简洁的背景并在其他地方放上你的这张图片吧。
当第一眼看到上面这张图的时候你会被吸引是因为它的素描风格。但仔细看看,人物面部被文字遮盖了,那段褒奖之辞也让整体显得杂乱无章。
4. 不使用网格
在网页制定中,有些"杂乱'也能让人赏心悦目,不对称是其中的一种,不使用网格绝对不是!
是否使用网格是区分制定好坏的专业指标之一。网格让一切变得清楚有组织性让你的元素之间坚持一致的适当的间距,你知道应当把你的元素放在哪儿、怎么放。网格帮助你确定元素的尺寸、文本的尺寸和空间,通过比例展现内容的侧重点。
5. 不采纳响应式制定
使用响应式制定框架!使用响应式制定框架!使用响应式制定框架!重要的事情说三遍! 你的网页或许必须要在手机上运行,它必须要和在〔电脑〕上运行一样流畅。
我总能碰到一些网站,在手机上加载出的是一整个页面。这些网站并不是响应式制定,至少没有手机版的视图,以至于用户无法使用。(虽然很不常见,但那些只提供手机版视图的网站也相当让人无奈。)
或许很多用户和我一样,如果我不能在手机上顺利使用你的网站,那我也不会在我的电脑上打开它了。
6. 链接丢失
崩溃的链接是网页上最让人恼火的事之一。养成每年都去审核你的网页上链接是否畅通的习惯吧!你可以手动检查或是使用某些工具,比如Website Link Checker.
如果你的logo并不能链接到你的网站首页,我也会感到奇怪。Logo都是要链接到网站首页的。(以及当处于首页的时候,不要禁用返回按钮。)
空间音乐链接合计链接的可用性。确保你的链接,特别是那些文本中的链接足够显然并且易于点击而不造成误操作。不要在你的文本中添加很多文字链接,特别是在小的移动设备屏幕上,用户很难点击到正确的链接。
7. 自动播放音乐
在网页上添加声音会很生动,可千万别在没有用户提示的状况下播放音乐。
你应当提供给用户一个打开/关闭音乐的按钮,并且默认关闭。音乐或许会让用户惊艳,可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。用户必须要能完全操控你的网页,而自动播放的音乐却与之背道而驰。我必须要网页音乐但播放必须得到我的同意,如果我没办法到按钮关闭自动播放的音乐,那只能直接关掉网页。
但应用在广告上这倒是个不错的招数。如果你有有声音的内容必须要播放,合计放一个大的弹出式静音按钮。用户往往会接受几秒钟的广告时间并会去阅读内容。虽然这不是一个理想的方法,却是一个比较好的解决方案。
看看上面这张页面,它会自动播放音乐但应当是静音的。再看
看能不能一眼到切换按钮吧按钮太小了特别是对比其他元素它更难被到了。
网页页面的视觉制定原则
(一)风格确实定
在对网站页面进行页面制定之前,一定要确定好基本的主体风格,使其与网站的主题侧重点坚持一致,只有内容与形式和谐统一,才干使网站的宣扬到达理想效果。在确定主体风格的过程中,还要充分合计网站受众面的体特征,即浏览者的大众必须求和审美偏好。
(二)彩的处理
关于视觉冲击而言,彩是给人最直观的视觉体会,和谐适当的彩安排可以夺人眼球,吸引浏览者的注意力。因此在彩的制定中,应该首先确定与主题风格相统一的主打调,可以是暖调、冷调或
者采纳对比调,这个完全要依据页面信息传递的必须要而定。然后分清主次,分别对背景、图片颜、文字颜等等做出具体的处理,注意彩的使用层次,不可喧宾夺主。
(三)版面的编排
网页的视觉制定属于交叉学科范畴,在版面的布局安排上基本和平面媒体的制定有异曲同工之处。在有限的屏幕界面内对构成要素做出编排,必须要充分合计各要素之间的依存关联和信息内容的轻重,通过空间上的排列组合,使整个界面和谐统一,生动