新闻中心

新手请注意!网页设计的7个反面教材

发布时间:2016-06-07  来源:本站
皇姑区网站建设,铁西区网站制作,和平区网站制作公司,大东网络公司,沈河区网站建设,于洪网站建设,东陵网站建设,浑南网站建设
有些时分,当我满怀期待地点开某些网站的时分 —— 它们的存在简直是规划的灾祸!信任我,当你看见它们也会抓狂的。从莫名的连接丢掉到差劲的可用性,本文会共享一些会让人刹那间暴走的过错规划。留意!千万别让你的用户遇到和下面相同的疑问。
1. 缺乏比照度


页面上的文字和图像都需求具有较高的可读性,最简略的办法即是让它们具有高比照度。可是许多规划师却常常忽略这条规矩。
图像布景与文字比照度太差,导致文字模糊不清无法阅览,用户不只错失这段话也错失了你要传达的主要内容。
你有必要确保每一个元素都与它周围的别的元素区别开来,记住这些根本办法——色彩、空间、尺度。合理地运用它们让你的每个元素都明晰可见吧!
上图的两个比照疑问——白色的文字与浅色的图像色彩过于附近以及过小的字号都让这段文字的可读性变得极差。
2. 差劲的导航和操作流程


当我登入了页面的第一眼,你就得让我理解接下来我该做哪个操作。点击按钮以及信息需求放在显眼的方位——这即是为何导航和菜单栏通常处于页面的顶部。
导航的标签内容和运转作用有必要明晰直观,当你测验运用水平方向的翻滚条或许别的一些不太寻常的动效规划的时分,给用户一些暗示让他们知道你的页面怎样作业吧!过于凌乱的规划会让用户感到莫衷一是并抛弃你的网站。
3. 差劲的图像调配处理


没有什么比一个优异的图像被别的规划掩盖更差劲了。假如你花了时刻为你的网站调配了一张优异的图像,为何要让它被别的的规划元素所掩盖呢?加上简略的一行字就能够了!这也是为何通明按钮变成了新的盛行趋势。
当规划师追逐潮流的时分,常常会落入这么的误区。顶栏很风趣,翻滚也很棒,可是当你为它们调配上文字,全部就简单变得不那么调和了。页面上的每个图像都需求与文本调配,让每个文字都可读,图像上的每个规划元素都明晰可见。
不要用文本或许按钮掩盖图像上任何主要的有些。当你觉得你的页面规划呈现了这么的情况,最好更换一个愈加简练的布景并在别的地方放上你的这张图像吧。
当第一眼看到上面这张图的时分你会被招引是因为它的素描风格。但细心看看,人物脸部被文字遮盖了,那段奖励之辞也让全体显得乱七八糟。
4. 不运用网格


在页面规划中,有些“凌乱”也能让人心旷神怡,不对称是其间的一种,不运用网格肯定不是!
是不是运用网格是区别规划好坏的专业目标之一。网格让全部变得明晰有组织性 —— 让你的元素之间保持一致的恰当的距离,你知道应当把你的元素放在哪儿、怎样放。网格协助你断定元素的尺度、文本的尺度和空间,经过份额展示内容的侧重点。
5. 不选用呼应式规划


运用呼应式规划结构!运用呼应式规划结构!运用呼应式规划结构!主要的工作说三遍! 你的页面或许需求在手机上运转,它有必要要和在电脑上运转相同流通。
我总能遇到一些网站,在手机上加载出的是一全部页面。这些网站并不是呼应式规划,最少没有手机版的视图,以至于用户无法运用。(尽管很不常见,但那些只提供手机版视图的网站也相当让人无奈。)
或许许多用户和我相同,假如我不能在手机上顺畅运用你的网站,那我也不会在我的电脑上翻开它了。
6. 连接丢掉
溃散的连接是页面上最让人动火的事之一。养成每年都去审阅你的页面上连接是不是疏通的习惯吧!你能够手动查看或是运用某些东西,比方Website Link Checker.
假如你的logo并不能连接到你的网站主页,我也会感到古怪。Logo都是要连接到网站主页的。(以及当处于主页的时分,不要禁用回来按钮。)
思考连接的可用性。确保你的连接,特别是那些文本中的连接足够显着并且易于点击而不造成误操作。不要在你的文本中增加许多文字连接,特别是在小的移动设备屏幕上,用户很难点击到准确的连接。
7. 自动播映音乐


在页面上增加声响会很生动,可千万别在没有用户提示的情况下播映音乐。
你应当提供给用户一个翻开/封闭音乐的按钮,并且默许封闭。音乐或许会让用户冷艳,可要是用户正处于作业环境或是心境很差的时分这么做却拔苗助长。用户需求能完全控制你的页面,而自动播映的音乐却与之各走各路。我需求页面音乐但播映有必要得到我的赞同,假如我没办法找到按钮封闭自动播映的音乐,那只能直接关掉页面。
但应用在广告上这却是个不错的招数。假如你有有声响的内容有必要要播映,思考放一个大的弹出式静音按钮。用户通常会承受几秒钟的广告时刻并会去阅览内容。尽管这不是一个抱负的办法,却是一个比较好的解决方案。
看看上面这张页面,它会自动播映音乐但应当是静音的。再看看能不能一眼找到切换按钮吧——按钮太小了特别是比照别的元素它更难被找到了。
更严峻的罪行
没有最糟只有更糟,下面的一些细节规划过错也会让我弃之而去,别让你自个变成这些粗心犯的过错的受害者了。
没有搜索功用
语法或拼写过错
没有呼叫功用
文字中呈现太多连接
连字符连接的文本
超小的按钮
差劲的排版和可读性
每个人都很简单造成这些规划失误(你在全体规划很棒的网站上也会发现这些潜在疑问)。在规划和开发过程中关注这些小细节,你能够成功避开这些失误。别惹你的用户生气(严厉脸)!

客服
客服