课程咨询 :15265420612
QQ:2720475033

烟台UI培训 > 达内新闻 > 制作网页的大忌,你中枪了吗?
  • 制作网页的大忌,你中枪了吗?

    发布:烟台ui培训机构,      来源:烟台ui培训机构,      时间:2015-12-15

  • 制作网页的大忌,你中枪了吗?

    做出不同的选择,收获不一样的结果,选择烟台达内ui培训,成就您高薪梦想,作为全国ui培训领导者,烟台达内ui培训中心,始终贯彻以“以学员利益为核心,以提升教学质量为着手点,以成就每位学员为目标”的服务宗旨,多年来,受到社会各界好评如潮,烟台达内ui培训中心,拥有优美的教学环境,浓厚的学习气氛,舒适的课堂,以及耐心的培训教学专家,全方位保证您学有所成学有所用,选择烟台达内ui培训,我们必将给您一份人生精彩。

    当我们每点开一个网站的时候,给我们的直观感受就是这个网站的美观,但是要是一个网站设计的很丑的话,那对于我们来说就是垃圾网站,相信我,当你看见它们也会抓狂的。从莫明的链接丢失到糟糕的可用性,我将会分享一些会让我瞬间暴走的错误设计。注意!千万别让你的用户遇到和下面同样的问题。...当我们每点开一个网站的时候,给我们的直观感受就是这个网站的美观,但是要是一个网站设计的很丑的话,那对于我们来说就是垃圾网站,相信我,当你看见它们也会抓狂的。从莫明的链接丢失到糟糕的可用性,我将会分享一些会让我瞬间暴走的错误设计。注意!千万别让你的用户遇到和下面同样的问题。

    1.缺乏对比度

    达内烟台ui培训,烟台ui培训机构,烟台ui培训,烟台平面设计培训

    网页上的文字和图片都需要具备较高的可读性,最简单的方法就是让它们具有高对比度。但是许多设计师却经常忽视这条规则。

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

    你必须保证每一个元素都与它周围的其他元素区别开来,记住这些基本方法——色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见吧!

    上图的两个对比问题——白色的文字与浅色的图片颜色过于相近以及过小的字号都让这段文字的可读性变得极差。

    2.糟糕的导航和操作流程

    达内烟台ui培训,烟台ui培训机构,烟台ui培训,烟台平面设计培训

    当我登陆了网页的第一眼,你就得让我明白接下来我该做哪个操作。点击按钮以及信息需要放在显眼的位置——这就是为什么导航和菜单栏往往处于页面的顶部。

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

    3.糟糕的图片搭配处理

    达内烟台ui培训,烟台ui培训机构,烟台ui培训,烟台平面设计培训

    没有什么比一个优秀的图片被其他设计掩盖更糟糕了。如果你花了时间为你的网站搭配了一张优秀的图片,为什么要让它被其他的设计元素所覆盖呢?加上简单的一行字就可以了!这也是为什么透明按钮成为了新的流行趋势。透明按钮:在设计网页中的按钮之时,不再设计复杂色彩、样式和纹理,而是外仅以线框示意轮廓,内只用文字示意功能,背景透出,与整个页面/背景合而为一的设计方式 译者按

    当设计师追逐潮流的时候,经常会落入这样的误区。顶栏很有趣,滚动也很棒,可是当你为它们搭配上文字,一切就容易变得不那么和谐了。页面上的每个图片都需要与文本搭配,让每个文字都可读,图片上的每个设计元素都清晰可见。

    不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面设计出现了这样的情况,最好更换一个更加简洁的背景并在其他地方放上你的这张图片吧。

    当第一眼看到上面这张图的时候你会被吸引是因为它的素描风格。但仔细看看,人物面部被文字遮盖了,那段褒奖之辞也让整体显得杂乱无章。

    4.不使用网格

    在网页设计中,有些“杂乱”也能让人赏心悦目,不对称是其中的一种,不使用网格绝对不是!

    是否使用网格是区分设计好坏的专业指标之一。网格让一切变得清晰有组织性——让你的元素之间保持一致的适当的间距,你知道应当把你的元素放在哪儿、怎么放。网格帮助你确定元素的尺寸、文本的尺寸和空间,通过比例展现内容的侧重点。

    5.不采用响应式设计

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

    我总能遇到一些网站,在手机上加载出的是一整个页面。这些网站并不是响应式设计,至少没有手机版的视图,以至于用户无法使用。(虽然很不常见,但那些只提供手机版视图的网站也相当让人无奈。)

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

    6.链接丢失

    崩溃的链接是网页上最让人恼火的事之一。养成每年都去审核你的网页上链接是否畅通的习惯吧!你可以手动检查或是使用某些工具,比如Website Link Checker.

    如果你的logo并不能链接到你的网站首页,我也会感到奇怪。Logo都是要链接到网站首页的。(以及当处于首页的时候,不要禁用返回按钮。)

    考虑链接的可用性。保证你的链接,特别是那些文本中的链接足够明显并且易于点击而不造成误操作。不要在你的文本中添加很多文字链接,特别是在小的移动设备屏幕上,用户很难点击到正确的链接。

    7.自动播放音乐

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

    你应当提供给用户一个打开/关闭音乐的按钮,并且默认关闭。音乐或许会让用户惊艳,可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。用户需要能完全操控你的网页,而自动播放的音乐却与之背道而驰。我需要网页音乐但播放必须得到我的同意,如果我没办法找到按钮关闭自动播放的音乐,那只能直接关掉网页。

    但应用在广告上这倒是个不错的招数。如果你有有声音的内容必须要播放,考虑放一个大的弹出式静音按钮。用户往往会接受几秒钟的广告时间并会去阅读内容。虽然这不是一个理想的方法,却是一个比较好的解决方案。

    看看上面这张页面,它会自动播放音乐但应当是静音的。再看看能不能一眼找到切换按钮吧——按钮太小了特别是对比其他元素它更难被找到了。

    7大更严重的罪状

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

    没有搜索功能

    语法或拼写错误

    没有呼叫功能

    文字中出现太多链接

    连字符连接的文本

    超小的按钮

    糟糕的排版和可读性

    总结

    每个人都很容易造成这些设计失误(你在整体设计很棒的网站上也会发现这些潜在问题)。

    在设计和开发过程中关注这些小细节,你可以成功避开这些失误。别惹你的用户生气(严肃脸)!

    推荐文章

上一篇:达内告诉你ui设计师的职业规划以及发展方向

下一篇:达内科技成功登陆纳斯达克成为上市公司

最新开班日期  |  更多

第一阶段 平面设计培训

第一阶段 平面设计培训

开班日期:12月29

第二阶段 网页设计培训

第二阶段 网页设计培训

开班日期:12月29

第三阶段 美工培训

第三阶段 美工培训

开班日期:12月29

第四阶段 ui设计培训

第四阶段 ui设计培训

开班日期:12月29

  • 地址:烟台市芝罘区海港路 25 号 阳光 100A 座 4 层 0403室
  • 课程培训电话:15265420612
    QQ:2720475033     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56