设计网页应该注意什么问题

 

设计网页应该注意什么问题

当用户看到在屏幕上出现的表格时，他们的第一反应通常是“现在需要从鼠标切换到键盘了”。如果此时能将光标显示在第一个需要填写的区域内，用户操作起来就会感到更加便利下面介绍设计网页应该注意什么问题，希望可以为您带来帮助。

1、填写表格时光标自动显示在输入区域

当用户看到在屏幕上出现的表格时，他们的第一反应通常是“现在需要从鼠标切换到键盘了”。如果此时能将光标显示在第一个需要填写的区域内，用户操作起来就会感到更加便利。这样的话，他们就省却了“移动鼠标–点击输入框”这一步骤，而可以直接在表格内填写内容了。谁不希望填写表格时更简便一些呢?

2、为图标添加自动提示问题

在网站中，图标可以优雅而简洁地将某个特定的动作信息传达给用户。但是要牢记，不是所有用户都能立刻明白图标所代表的意义。因此，当用户将鼠标置于图标之上时，随即显示关于这一图标所代表的功能就显得尤为必要。有了这个细节，网站的新用户即便不明白图标的含义，也不会因胡乱点击而导致错误了。

3、反潮流设计

不管你喜欢与否，拟物化设计已经离我们远去了。浓重的阴影和大跨度的渐变色的使用，在目前的网页设计中已然不多见。相比于在3D特效中寻求创意，不妨拥抱扁平化的设计准则。

4、不专业的文案

要写好文案并不是一件简单的事情。但是不论如何，你需要通过网站将你需要表达的内容呈现出来，特别是当你是想通过网站卖东西的时候。在这种情形下，你需要让你的文案易于被理解，精心校对，确保内容的正确性和准确性，不要有拼写错误。

我经常在网上看到一些表述极为尴尬的文案，这样的网站会给人一种网站尚处于原型阶段的粗糙感。在网站上线前，找个有相关经验的朋友浏览一下全站是个不错的选择。

5、可读性的问题

如果无法让人看清，再优秀文案都无法拯救你的业务。许多细小的细节会影响网站文本的阅读性，直接或者间接地影响你精心准备的内容，让它们难以被读者流畅地感知到。

要解决可读性问题，值得注意的问题很多。行高过低会让文字难于被阅读，太小的字体对于许多用户都是障碍，阴影、斜体等效果也常常会影响可读性(尤其是中文，繁体中文这种情况更严重)，色彩对比度没控制好更是灾难性的。这其中有些问题虽然算不得太严重，对于多数用户也许不会造成太多障碍，但是这会让用户对你的专业性产生怀疑。

6、一致性的问题

你应该始终保持产品和品牌的一致性，从品牌设计、网站设计到社交媒体、包装和广告，都应该具备品牌识别度。

不过在实现这些远大的目标之前，先退一步来看，你有必要让网站本身先与自身保持一致性。你的网站字体的样式是否保持了一致?LOGO上的品牌用色与网站的配色方案是否对应?网站的各个元素的阴影样式是完全一样，还是“看起来很相似”?通常情况下，你只需要仔细清理你的CSS样式表，就可以解决许多一致性的问题。

网页设计中常见的交互设计错误

交互设计从来都不是简单的事情。可靠的交互通常需要借助对用户行为的深入分析，然后有针对性的精心策划。可是随着新的技术和新的交互模式的不断涌现，事情就变得不是那么容易了。

其实大家遭遇的困境都很相似，用户已经很难被单纯炫酷的图片、流畅的悬停效果和出人意料的动效所打动，真正能让他们露出微笑的是持久、令人愉悦的交互设计和用户体验。如果你对于日常的设计中的常见的误区有所了解，自然会有意识地绕过这些坑。

为了更好的设计，我们为你简单总结了一下最常见的5种交互设计的误区。

1、过度的创意

网页设计师绝对不缺少创意。我们希望借工作表达自己，也一直在试图寻找能让产品脱颖而出的优秀创意。但是当涉及到交互设计的时候，推陈出新并不一定总是好的，它甚至会对你的网站和产品产生不利的影响。的确，许多用户渴求新鲜的创意，但是在操作和交互上却往往希望协调可控，所以他们更倾向于熟悉的交互。Etsy的创业总监Randy曾经撰文探讨过这个问题，文中直言“设计师们不要在此(交互设计)自作聪明了!”在这篇文中，他详细解释了为什么你不应该走极端去设计充满大量创新交互的网页。

2、令人迷惑的交互

“不要自作聪明”的规则也应当应用在导航设计上。一些设计师试图运用别具一格不同寻常的名称，以活动更富有实验性的导航。比如这个Chijoff网站，就让前来应聘的用户充满困惑。如果你是网站的访客，需要来回折腾一阵子，才能搞清楚这个名为“Co-Create”的页面实际上也就是常见的“Services”页面。最纠结的是，即便是你将整个页面都看完之后，仍然高不清楚要怎么办，因为这个页面的底部仅仅只有一个表单，展示行业新闻，并且仅仅提供一个注册入口!至于联系页面就更简单了，仅仅提供了一个邮政编码和一个邮件地址。总而言之，他们用各种手段让用户无法直接快速有效的联系上他们。

3、杂乱无章

曾经有过一个阶段，设计师试图将所有的内容全都塞到一个页面当中去。虽然这个时代已经过去了，但是很多网站依然在犯这个错误，甚至在我们自己设计的时候，有时候也会身不由己地想这么做。

4、要有对比度

对比度是构建视觉层次最重要的手段之一，也是让视觉元素吸引用户的绝佳方式。在网页设计中，对比度不仅仅是通过色彩来呈现的，尺寸控制、形状设计、位置调整也都能表现出对比度。

5、忽视表单样式

表单设计其实是用户体验设计的基本组成部分之一。每个网站都有不同的设计目标，不论是销售产品、呈现信息还是提供沟通平台，然而许多设计漂亮的网站总会给你一个令人感到无聊到死的复杂表单，除了那些极其想加入会员或者想参与问卷调查的那些访客，许多用户(比如我)会直接关闭页面，离开网站。

结语

网站并不是做好了就够了，你还需要多加测试!有许多问题并不是意料之中的。用户会在哪里碰到问题?导航中的设定是否符合用户的意识?视差效果和内置的视频是否能够流畅加载?让用户参与测试最大的好处是你真的开始拥有用户的视角，而非你自己的脑补，了解实际的需求，才能有所改进。不要试图限制你的创造力，但是也不要忘记基本的原则，这样才能在不为用户带来困惑和沮丧的同时，给予他们惊喜。

盘点网站制作中容易忽略的问题

一、不同终端的不同体验

由于我们网络面向的人群很广泛，因此很多网站在建设时都需要考虑到一个问题，就是自家网站在不同终端上的浏览是否相同。由于用户可能使用不同的设备来进入我们的网站，因此我们在终端上所提供的服务也应该是大致相同的。这样的想法让最近的响应式很是流行，但是这同样也是未来的一种趋势，我们只有保证网站在不同终端都可以带来相同的体验感，才会让用户对我们的网站使用起来更加方便，同时更加信任。

二、简洁的导航

导航可以说是任何一个网站都需要的最基础的设计，这样的基础设计是非常重要的，很多用户在使用网站时，最重要的目的就是满足自己的需求，导航在这时就可以起到非常重要的作用。因此无论网站建设的多么好，一个清晰简洁的导航都是每个网站必须要具备的。

三、浏览痕迹

想要让建设的网站中多些链接，同时又不至于让浏览者感到反感，一个很关键的因素就在于将链接设置浏览痕迹。大多数的浏览痕迹目前都是用不同的色彩展现出来的，这样的区分可以让我们的用户在浏览后很清晰的查看到自己的浏览项目，因此提高用户的办事效率。

四、易于观看

现在的趋势都在去繁从简，这样的趋势同样适用于新建成的网站上，用户在打开网页的时候，第一眼如果看的十分繁杂，很容易就会选择放弃，因此在整个页面的设计时，我们也要考虑如何让用户可以更加快速清晰的寻找到自己需要的信息，增加用户对我们网站的好感。

五、规避误会

很多网站的设计者都会为了元素的好看而忽略一个问题，那就是将一些文字或元素设计成一串看起来不错的特殊色彩，但是这样的特殊元素或文字，往往也会让用户误会，误将它们理解为链接。这样的误会很容易导致用户的不满，所以对于网站的建设者来说，同样应该规避这样的尴尬问题。

六、速度确定浏览量

对于现代这样一个快节奏的生活而言，用户对于网络上的耐心也是很有限的，因此我们无论有多么具有创意的设计，都要注意不要让我们的用户等上太多的时间。(本文由深圳网站设计(http://www.szfangwei.cn )原创)

七、避免强制植入

无论是谁，处在用户的角度来说，对广告等强行植入的无关内容都会有一些反感心里，所以我们网站的建设者一定要注意这点，不要在页头或者是导航等重要地方插入广告，这样的地方很容易引起用户的反感，导致我们流失客户。

八、重视视觉效果

很多的网站设计者都会想要让自己的网站更加具有创意性，因此向其中加入一些滚动特效或者是音频视频等。但是这样的做法通常用户们并不买账。其实这样的情况也不难理解，很多网页中的滚动效果与音频视频，在用户没有同意的情况下就会自动播放，这样未经用户许可的行为又怎么会让用户感受到尊重。

总之，在网站制作的时候，我们一定要考虑到用户观看所需要的实用性，而不是单纯的注重创意与新颖，要站在用户的角度多思考，用户想要的需求是什么，这样才会让我们的网站的浏览量越来越可观。

如没特殊注明，文章均为方维网络原创,转载请注明来自http://www.szfangwei.cn/news/3831.html

网页设计的小窍门

一、了解用户忽略什么

用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告，同时，用户也会忽略大块的文字区域。没有人有时间(更 确切的说是耐心!)去阅读大片的文字，他们仅仅是了解页面文章的大意。

二、文字和图片

一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息，我建议你使用大的标语文字来代替那些很炫的头部图片……

三、用设计元素来吸引注意

来吸引注意的好的元素是文字口号，行动纲领的按钮(通常用亮色调)，分成1-2-3级，或者就是一个普通的列表……

如果你在写一篇很长的文 章，很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题，通过这简单的步骤向用户阐述这篇文章的主题。

四、文字格式

恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当 然，你也需要用格式化强调一些你认为很重要的文字或者句子，这些能够引导你的读者阅读完全文。

五、使用简洁图片

我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时，要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨 的图片是比较费劲儿的。图片应该简洁、易理解的。

你使用人的脸部图片更容易引起用户的注意，尤其当图片人物的眼睛盯着用户。当然你也可以用目光的 方向来引导用户关注某一个方向。

六、记住：你能掌控的时间是有限的

我仅仅用4秒钟就能浏览完平常的页面，因此，你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于 什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的，他将放弃并离开。

七、记住：用户是略读页面

当你进入一个房间时，你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形，你环视整个屋子，然后找令你敢兴趣的东西。在第一次浏览 网站的时候也会发生类似的事儿，浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客 文章等等

八、网站的左上角是最明显的位置

这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始)，另外早期的网站和应用软件也是基于此方法进行设计开 发的。我们通常会把LOGO放在左上角，这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标 语等)。

九、了解“F”结构

一些视觉跟踪调查研究证明，用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到，中间区域仅有一半被看到，再往下只有左边一部分 能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候，你可以去考虑一下这一因素。

十、使用留白

使用留白可以给某些元素更多的可视空间，如果某元素与边距或其它元素太近就容易被混淆，那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。

 

江苏省