关于网页设计常见问题

  每个网站当中各种链接都不少。为了和文本区分开来，链接通常色彩不一样，如果用户点击之后再返回，链接色彩不作区分用户可能会无意中重复访问相同的页面。下面武汉天琥设计培训介绍关于网页设计常见问题，希望可以为您带来帮助。

  一、让已访问的链接显示为别的色彩

  每个网站当中各种链接都不少。为了和文本区分开来，链接通常色彩不一样，如果用户点击之后再返回，链接色彩不作区分的话，用户可能会无意中重复访问相同的页面。所以，让已访问过的链接显示为其他的色彩，让用户更好地决定下一步点击哪里。

  二、让用户更容易扫视页面

  当用户刚刚开始打开网页的时候，可能会倾向于快速扫视整个页面，而非通读所有内容。当用户想要快速判断出他们想要的内容在哪里的时候，就需要快速扫视、定位。

  作为设计师，让页面的层次结构足够清晰，才能让用户更清晰地快速获取信息。如何将内容按照重要性、有层次地呈现出来，还是挺考验网页设计师的权衡能力的。

  将屏幕标题、登录表单、导航类目和其他的关键内容设置为视觉焦点，便于用户发现。

  三、仔细检查所有链接

  当链接所指向的页面不存在的时候，用户所打开的页面就会自然地变为404了，而这种情况是一定会让用户产生沮丧的情绪的。为了避免用户在浏览过程中因此对你的网站产生失望的情绪，请务必确保没个链接都指向正确的页面。

  四、确保元素的视觉和功能表里如一

  许多元素的外观特征会呈现出它功能性的一面，这也就是我们常说的显而易见、不言自明的设计。链接通常会呈现成特定的色彩，带有下划线，如果你的内容文本中有这么一段文字拥有这样的特征，用户通常会认为它是一个链接。

  如果点击的时候发现它无法跳转，会让人有“被欺骗”的感觉。用户需要知道哪些内容是可点击的，而哪些只是强调，设计要表里如一。

  五、不要让你的用户长时间等待加载

  不论是面对APP还是网页，用户的耐心都非常之有限。有研究表明，7秒的等待几乎是用户的等待极限，而10秒的加载时间，只会让绝大多数的用户关闭页面，再精美的加载动画都安抚不了用户的烦躁。

  所以，不要让你的用户等待加载，尤其是这个加载时间很长的时候。相关的应对策略很多，比如你可以采用占位符先显示布局，逐步加载内容，至少让用户知道，这个过程正在推进。

  六、不要让促销广告盖住内容

  现实生活中广告已经让人难以忍受了，如果你的网页中广告居然挡住了主要内容，这几乎是逼着你的用户生气关闭页面，这样换来的广告营收从某种意义上也是饮鸩止渴。

  另外一方面，长时间的互联网浏览经验会培养出用户的另外一种广告应对策略：当他们看到广告的时候会主动忽略它。这对于广告的转化率同样是毁灭性的打击。

  界面设计应该注意的问题

  1. 不要放太多链接分散用户注意力

  为了满足各式用户的需求，在页面上放些链接链到这里、链到那里是常见的做法。如果你的主要目的是想让用户点击页面较后那个下载按扭什么的话，就需要三思了。因为用户可能点击了其他链接离开页面了。所以你需要注意页面的链接数量，把导航和操作链接用样式区分开，尽量移除页面不需要的链接。

  2. 将操作的状态或者进度呈现出来

  现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标，比如邮件有已读或未读的状态，电子帐单有支付或未支付的状态。而在界面上呈现这样的状态对于用户来说是很有必要的。这样用户就可以知道某些操作是否成功，接下来准备进行怎样的操作。

  3. 使用获利按钮(好处说明)代替普通的按钮

  试想界面上有这样两个按钮：一个是”帮你省钱”，另一个是”立即注册”。我敢打赌大多数人会点击头等个，因为第二个按扭让人感觉不到有利可图，并且”注册”让人联想到填不完的表单。也就是说让用户感受到获利的按钮更有可能被点击。这种让用户感到好处的文字信息也可放在按钮旁边，不一定要做为按钮的标题。当然，正常的按钮还是有用处的，一般用于重复性操作频繁的地方。

  4. 使用直观的操作而不是缺乏上下文关联的菜单

  直接在元素身上进行操作是更直观明了的方式。比如在一个列表中，我们想让用户对每个条目进行操作那么就把按钮放到当前条目上，而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态(比如页面上的地址信息点击后可以进行编辑)。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然，对于一般性的操作本身就不需要有什么上下文的，就没必要这么做了，比如页面上的前进，后退按扭。

  5. 尽量直接显示表单而不要额外页面

  在一个足够大的宽屏界面上较好还是直接给出表单，这比点击按钮再弹出表单要好很多。首先减少了点击操作，流程变得简洁也节省了时间。其次，直接呈现出表单可以让用户知道表单有多长，其实也是在告诉用户注册花不了多少时间。当然，这条规则适合注册表单非常简单的情况。

  6. 让界面平滑显示而不要死板地呈现

  用户进行操作过程中，界面上的元素会经常出现，隐藏，打开，关闭，放大缩小移位等。给这些元素增加些自然的动画，淡入淡出效果不但美观，也更符合实际，本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长，那样会让想尽快完成操作的用户不耐烦。

  7. 使用逐步的引导代替突兀的注册

  与其让用户马上注册，何不让用户先进行一些体验式的操作呢。这个体验过程可以展示程序的功能，特性等。一旦用户经过简单几步的操作了解了程序的价值所在，那么它会更愿意填写注册表单的。这种循序渐进的引导可以尽量推迟用户注册的时间但又可以让用户在没注册的情况下进行个性化设置等简单操作。

  8. 减少边框避免浪费注意力

  过程边框会喧宾夺主。不用说，边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素经过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时，我们经常在界面上方便地拖出很多区块来，这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐，这样做不会让那些多余的线条来扰乱视觉。

  9. 展示产品带来的好处而不要罗列产品特性

  市场就是这样的，用户永远只关心自身利益而产品特性对他们来说倒不是那么重要。只有利益才更直观地体现出使用产品所带来的价值。Chris Guillebeau在他的著作《100美元起家》中指出，相比压力，冲突，烦心事和未知的未来，人们在乎得更多的是爱，金钱，认同感和自由支配的空闲时间。所以我相信在展示产品特性时回归到利益上是必要的。

  10. 要设计好没有数据时的展现

  界面上经常需要呈现不同数量的数据，从0，1，10，100到10000 等。这里存在个普遍的问题就是：在程序较开始使用的0条数据到过度到有数据之前，该如何进行显示界面。这也是我们经常忽视了的地方。当程序初始没有数据时，用户看到的就是一片空白，此时用户可能不知道该进行哪些操作。利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序，在程序中创建数据。力臻完美永远是我们追求的目标，界面设计也不例外。

  网页设计应该如何布局

  在网页设计中，布局的方式各种各样，不同的布局会在视觉上产生不同的效果。网页设计的好坏，会直接影响用户的操作以及留下的印象，而网页设计的关键，就在于布局。平常我们都会按照设计规范来布局，虽然方方正正看着易读，但却会让页面显得过于死板，如何布局才能让页面充满活力呢?

  一、巧用元素

  左右分屏是较近一年比较流行的布局方式之一，这种布局能够更加强调品牌的色彩调性，避免图片与文字的叠加干扰阅读，带来的问题就是中间死板的分割线，设计师将输入框横跨了两个模块，巧妙地打破了这个死板的形式。很多时候我们无法避免分割中的直线，也不可能把所有的直线都改为曲线，这时候可以适当利用一些元素让模块之间有个过渡。

  二、错位布局

  错位布局即将图形、图片、文字等信息进行错位布局，让页面无须拘泥于条条框框之内。在下图的案例中，将图片与背景块错位布局，看似好像没做完，实际是设计师精心的布局方式，让画面充满动感，同时图片的投影也让这部分信息顿时有了层次感。

  三、明亮色彩

  颜色是一把开启人们心灵的钥匙，色彩是形成网页界面风格的重要组成部分，在排除立体图形、动画效果之外，色彩的冲击力是较强的。在网页设计中想要突出活力，可以适当运用明亮的色彩。合理运用好色彩不只能够向用户传达信息，而且还能吸引用户的目光，比经典的黑白配色更有活力，更震撼。

  四、人物背景

  巧用人物作为网页背景，也是增加界面活力的一种方式。将人物与图形、图片、文字等信息进行叠加，打破传统的左右、上下布局，增加画面的透视与层次关系。在案例中，主体人物与文字进行叠加，不是一张图干巴巴的诠释，营造出画面的层次、透视与场景，又不影响用户的阅读。

  让网页设计变得活力满满的布局方式还有很多，这里介绍的只是一小部分，所有布局必须是基于用户基础进行的，如果仅仅是为了突破而突破，那就显得有些本末倒置了。

  网页设计之前要准备什么

  了解需求

  在开始网站建设之前我们要弄清楚建设网站的终需求究竟是什么，此外对完账建设的一个整体的预算还是要有一个大概的估算。

  了解开发语言

  要了解网站建设是需要用什么语言去进行开发，现在我们看到的比较多的网站建设语言包括了ASP、PHP、Java等。这三种语言是有区别的，相对应的制作周期也是有不同的。也许有的人会说哪一种语言是过时了的，或者是没有那么安全的，其实这些说法都是不着调的。因为网站建设的程序是不是安全可靠关键还是要看技术人员的能力高低以及服务器是不是安全的，毕竟安全只不过是一个相对的说话而已。

  对比

  在你选择网站建设公司之前，不妨多找几家你认为实力比较雄厚的来为你分析一下网站建筑，经过网站建设公司提供的知识，能够帮助你免掉很多的麻烦以及节省大量的事件，你要做的就是去辨认他们说的哪一句话是真的就可以了。

  检查域名

  看网站域名的所有人是不是自己，此外网站的域名都是按照年份来进行续费的。如果有可能的话不妨交给服务商来进行托管。因为万一你自己忙得不记得了，那么很有可能哪一天网站就打不开了。

  网站的seo优化

  现在很多网站建设公司的营销人员都会跟你说，他们制作的网站会自带seo优化功能。其实代码只不过是一个基础，网站究竟如何就像是我们在代码的基础上盖房子，房子究竟好不好看，还需要有专门的人去运营这件事。

  选择空间

  网站建设完毕之后，就需要有一个虚拟的空间或者是服务器来存放网站。在空间大小的选择上，可以根据网站的实际情况来进行选择，不需要太大，但是也不能太小。

  网站备案

  网站在建设完成之后上线之前要做好备案。一般来说备案时间就算是再快也需要半个月，慢的话就不知道多久了。其实这也是很正常的，因此我们在网站建设完成之后是不是能够上线还需要看网站备案的时间来决定。所以网站备案一定要尽早提上日程。

  售后服务

  这一点其实也是非常关键的，网站做完之后肯定会有一些调整。这一点必须要在网站建设合同当中写清楚，此外不能只图便宜去选择那些技术无法得到保障的，因为那样的话可能他们把网站做出来，后期仅仅只是修改一个功能就会收很高的费用。

  想了解更多请咨询武汉天琥设计培训学校：http://whthu.5zix.com/ 咨询电话:15623668780 QQ:169310396

尊重原创文章，转载请注明出处与链接：http://whthu.5zix.com/news/39353/ 违者必究！ 以上就是武汉天琥设计培训学校 小编为您整理关于网页设计常见问题的全部内容。

---

• ← 平面设计中的基本构图技巧
• 平面设计中宣传彩页（三折页）的设计心得技巧 →