`
wx1569225609
  • 浏览: 14539 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

实用推荐!网页设计中常见的错误

 
阅读更多

网页结构上的瑕疵

很多设计师把握不好承载信息的空间与留白之间的平衡。文本、图片和菜单应放在能与之形成足够反差的背景上,通过调整各元素之间的间距来营造干净整洁的外观,拥挤的页面是不能抓住访客注意力的。创建网站的过程中记得检查页边距和padding样式。 举个好栗子 →   feedafever wps_clip_image-26197

浏览器那些事儿

你的网站应该在所有的常用浏览器里都完美展现。很多设计师只不过是忘记了检测浏览器兼容性,或者匆忙之中跳过了这一步。那些依赖网站模板的开发者们经常犯这种错。常用的浏览器有好几个呢,每一个又有一堆不同的版本,足以将事情搞得越来越复杂。之所以有如此之多的版本,是由于许多用户不肯升级他们的浏览器。要找出网站目标用户群体常用的浏览器,并针对它们检查你网站的兼容性。 wps_clip_image-11284

令人抓狂的导航

这个错误可不得了,可以瞬间把感兴趣的访问者吓跑。访客访问网站时是冲着他们所需的信息而来的,这些信息应该最多在三次点击之内找到,而很多设计师把内容埋藏得太深了,使访客感到受挫。文本部分和导航元素应该被恰当地突显出来以引导用户,又有不少人在主页、产品、关于等栏目的标签上使用了用户不熟悉的词汇,导致他们产生困惑。网站模板对于需要开发新网站或者重新设计已有网站的中小企业来说是个很好的选择,能将正确的导航元素各归各位。

flash和音乐的使用

新人们对flash和背景音乐有某种迷恋,而代价就是变慢的响应速度和受阻的页面加载过程。很多用户接入网络的速度其实并不快,需要等很久页面才加载完,这就打断了原本流畅的浏览体验,结果很可能是用户改主意访问其他站点。带有flash的网站模板应该在开发工作进行之前检测过才行。 带背景音乐的网站并不是那么受欢迎。尽管在网站的指引音频中用上音乐也许不错,但仍需提供音效控制权给用户,而不是从一开始就自动播放。

不加标签的链接

网站上的所有链接都需要加上正确的标签。不管你是自己从零开始建站还是使用模板,这一点都至关重要,不然用户就弄不清楚这个链接将要指向何方。将相似的链接用同样的颜色或字体编组,改变已访问链接的颜色,使用清晰可见的按钮都是值得鼓励的方法。注意了,有时候设计师可能会忘记将文本块中的链接标记出来。

字体出错啦

过小或过大的字体都会带来错误的印象,使用最优字号的web安全字体是传达信息的最好方式。字体可不能带有妨碍阅读和理解的花哨样式。用字体玩太多的花样是一个应该避免的常见错误。网页模板可以大大降低犯这种错误的几率。

图片未优化

网络用图应调整尺寸或压缩大小,以节省空间和加载时间。若非如此,加载图片需要很长的时间,而访客一般不会再等下去,而是转投其他网站。提供缩略图预览并将缩略图链接到更大尺寸的图片可是个聪明的解决方法,很多设计师都没有注意到。常用的图片格式有JPG,PNG和GIF,其他格式加载的时间会更长一些。当一张或几张图标被用作背景时,设计师得小心处理加载时间和图片优化程度的问题。 wps_clip_image-26434

不当的色彩组合

在给网站选择颜色的时候,设计师可能没将网站目的和目标客户列入考虑范围。企业网站和医疗类网站的适用颜色是不一样的。使用强烈冲突的颜色或者颜色太多都是不明智的选择。许多设计师没有遵循使用三原色的法则。有需要的时候可以用用这些个互补色(原文complementary colors,可能是作者笔误)的深色调。有许多颜色漂亮的网站模板可以用作参考。 wps_clip_image-5096

糟糕的文字格式

搜寻信息的访客倾向于先扫描文字再深入考究细节,一大坨文字会让他们反胃的。很多设计师都没有设计利于扫描的文字格式。着重号、数字编号、标题、小标题、用加粗或颜色来强调文字都是些经常被忽略的简单方法。这个时候网站模板就是个聪明的设计参考点。 wps_clip_image-10514 网站设计过程包含了数个重要的阶段,设计师们要时刻注意防范可能发生的错误。有些错误由于疏忽造成,而有些则因缺乏相应知识造成。上面提到的小tips可大大减少出错的机会。

转载于:https://my.oschina.net/wangchenyu/blog/1530742

分享到:
评论

相关推荐

    实用网页设计小图标

    在“实用网页设计小图标”这个主题中,提供的资源很可能包含一系列常见的网页设计图标,如导航图标(菜单、返回、前进)、社交网络图标(Facebook、Twitter等)、操作状态图标(加载中、完成、错误)以及通用的工具...

    网页设计中常见的五种交互设计错误.pdf

    网页设计中的交互设计是提升用户体验的关键,然而,设计师在追求创新和美观的过程中,常常会陷入一些常见的误区。本文总结了五个交互设计错误,帮助设计师避免这些问题,创造更优秀的用户体验。 1. 过度的创意 创意...

    网页设计技巧及网页制作常见问题

    网页设计是将创意、信息和功能融合到一个用户友好的界面中的艺术与技术结合体。在互联网日益发达的今天,良好的网页设计对于吸引用户、提升品牌形象至关重要。本篇将深入探讨"网页设计技巧及网页制作常见问题",帮助...

    网页设网页设计DIV+CSS第12天校验及常见错误

    【网页设计DIV+CSS第12天:校验与常见错误】 在网页设计领域,遵循标准至关重要,尤其是当涉及到HTML和CSS时。本篇将深入探讨网页设计中的DOCTYPE声明、XHTML版本选择以及代码校验的重要性,这些都是创建高质量、可...

    推荐网页设计欣赏灰色系网页设计.pdf

    总结以上,文档“推荐网页设计欣赏灰色系网页设计.pdf”可能是通过展示一系列灰色系网页设计案例来探讨灰色在网页设计中的运用技巧,表现形式,以及其对网页品质和用户感知的影响。同时,该文档还可能提供了可以访问...

    实用网页设计小图标_mb5u.com

    1. 图标尺寸:16x16像素是网页设计中常见的图标尺寸,这种小尺寸图标在网页上加载快速,不会占用过多资源,同时在有限的空间内能够清晰传达其代表的功能或信息。在高分辨率屏幕上,这些小图标可以通过CSS3的响应式...

    网页设计中常见的错误小结

    为了避免常见的设计错误,设计师应该注意以下几点: 1. 网页结构设计必须合理。网站结构应清晰,易于导航,使用户能快速找到所需信息。设计师需要避免使内容过于隐蔽,导致用户需要多次点击才能找到所需信息。 2. ...

    72个实用网页设计小图标,绝对网页设计有用

    "72个实用网页设计小图标"集合提供了一套丰富的图形资源,对于网页设计师来说,这些图标不仅可以提升网站的专业感,还能在不占用过多空间的情况下传达关键信息。 这些小图标通常按照功能和用途分为几大类别,如导航...

    jsp网页设计40种常见的网页技巧

    本文将围绕“jsp网页设计40种常见的网页技巧”这一主题,结合JavaScript的应用,来深入探讨一些实用的技术点。 1. **响应式设计**:确保你的JSP页面能在不同设备上自适应显示,利用CSS3的媒体查询实现。 2. **模板...

    96个实用网页设计图标png

    "96个实用网页设计图标png"集合提供了一个丰富的资源库,为网页开发者和设计师提供了大量的图形元素,以增强网站的用户体验和界面美感。这些图标以PNG格式提供,这是一种常见的、透明背景的图像格式,易于集成到各种...

    网页设计中常用的小图标

    在网页设计中,常见的图标类别包括: 1. 导航图标:如主页、上一页、下一页、返回顶部等,引导用户在网站间自由穿梭。 2. 社交媒体图标:Facebook、Twitter、Instagram等,便于用户分享内容或关注品牌。 3. 功能图标...

    网页设计作业简单的个人网页设计

    网页设计是将创意理念与技术实现相结合的艺术,用于在互联网上呈现信息和交互。"简单的个人网页设计"这个主题,通常涉及的是为个人创建一个简洁、直观且具有自我表达功能的网页。在这个过程中,我们将讨论以下几个...

    Dreamweaver网页设计任务要求

    在这个“Dreamweaver网页设计任务要求”中,我们可以深入探讨几个关键知识点,以帮助你更好地理解和执行相关任务。 一、规划与设计 1. 网站目标:明确网页设计的目标,是提供信息、电子商务、娱乐还是教育。设计应...

    asp动态网页设计实用案例教程

    本教程“ASP动态网页设计实用案例教程”旨在帮助学习者掌握ASP技术,通过实例来构建自己的动态网站。教程作者许新华是一位在IT教育领域有深厚经验的专家,他的电子教案将为你提供全面的学习资源。 ASP的核心特性...

    VB实用程序3例,强力推荐!不要错过!

    综上所述,这三个VB实用程序展示了VB在实际应用中的灵活性和实用性,涵盖了界面设计、数据处理、算法实现、文件操作、事件驱动、错误处理和面向对象等多个方面。对于学习VB或提升编程技能的人员来说,这些都是宝贵的...

    网页设计方面实用小图标

    在本资源包“网页设计实用小图标”中,你将找到一系列适用于网页设计的小图标,它们具有小巧、高效的特点,能够有效提升网站的用户体验和视觉吸引力。 首先,让我们了解一下小图标在网页设计中的作用: 1. **导航...

    人性化网页设计与鉴赏

    在网页设计中,人性化设计不仅关乎视觉美学,更涵盖了交互性、可用性、可访问性和可感知性等多个方面。下面我们将深入探讨这些关键概念,并结合鉴赏优秀网页设计案例,来阐述人性化网页设计的精髓。 首先,我们要...

    404错误css网页模板

    404错误页面是互联网上常见的一个现象,它表示用户尝试访问的网页不存在或已被删除。在用户体验设计中,一个精心设计的404错误页面不仅能够告知用户发生了什么问题,还能引导他们重新找到网站的有效内容。在这个"404...

    72个实用网页设计小图标

    综上,"72个实用网页设计小图标"提供了一套全面的图标资源,涵盖了网页设计中常见的各种功能和场景。设计师可以根据项目需求选择适合的图标,通过合理的布局和应用,提高网站的美观度和功能性。

    1500多个网页设计常用图标(绝对实用)

    "1500多个网页设计常用图标(绝对实用)"这一资源集合了众多设计师们在实际工作中可能会用到的各种类型图标,为网页设计提供了丰富的素材。 这些图标通常包括但不限于以下类别: 1. 导航图标:如菜单、搜索、返回...

Global site tag (gtag.js) - Google Analytics