移动端网页设计要点.docx

移动端网页设计要点

移动端网页〔制定〕要点
关于移动用户来说，往往很容易忘记菜单项选择项，因此，你应该把自己最关键的"行为呼唤'内容放置在一个醒目的位置上。下面介绍移动端网页制定要点，希望可以帮助到大家。

1、"行为呼唤'内容要靠前或居中
关于移动用户来说，往往很容易忘记菜单项选择项，因此，你应该把自己最关键的"行为呼唤'内容放置在一个醒目的位置上，这样用户就能轻松看到。所以，你必须要让 最重要的"行为呼唤'内容占据到网站的主体部分上，用户就能够快速完成相关任务，另外，如果要持续执行下一个任务，你可以利用菜单项选择项标明，也可以把下个 任务紧跟在第一个任务完成之后。在移动端，你的"行为呼唤'内容应该和桌面终端不一样，所以你必须要"对号入座'，因地制宜。
总结：把你最重要的"行为呼唤'内容放置在网站最特别的位置上面。
2、让菜单看起来既简洁又亲切
一个范围较广的菜单可能非常适用于桌面网站，但是移动用户可能没有足够的耐心来回滑动自己的手机，他们不喜爱在查看一长串菜单项选择项之后才找到自己想要的东 西。那么，你必须要想想看，如何在最少的菜单里面放上自己最必须要的功能选项呢?举个例子，有一家大型零售商店，他们在自己的移动网站上优化产品类别菜单，和 桌面菜单完全不同，让移动终端的菜单项选择项为用户提供了一个更加简短，更加清楚的产品列表。
3、要让用户便于回到主页
当移动用户在你的网站上面导航浏览时，他们会希望可以快速回到之前的主页上面。研究中发现，用户往往喜爱点击页面上的公司Logo，因为他们 觉得这种方式可以直接回到主页上去，所以你的网站必须也要支持这个功能，否则，如果用户点击了Logo，却毫无反应，他们肯定会觉得非常失望。
4、坚持搜索功能可见
如果用户必须要寻找一些特别信息，那么他们就会使用网站的搜索功能，因此，搜索必须是移动网站上最重要的功能之一，一般而言，用户希望能够在网站页面的顶部使用文本搜索功能，因为页面顶部位置最容易让人发现。
5、保证网站搜索结果符合用户预期
实际上，用户似乎并不讨厌一页一页的翻阅搜索结果，但是他们更加看重网站返回的搜索结果是否符合他们的预期，因此，你至少必须要保证自己搜索结果的第一个显 示页面能够精准的满足用户搜索要求。在移动终端上面，因为屏幕非常小，所以你必须要提供一些智能搜索功能，比如帮助用户自动拼写，或是修正用户的错误拼写， 等等。
提示：保证你的网站搜索功能可以返回有效的结果，另外必须要完善智能搜索，提供自动拼写或错误拼写改正等功能。
6、指导用户去访问较好的网站搜索结果
关于一个网站而言，用户有各种各样的类型，所以，在用户进行搜索的时候，可以先询问几个相关问题，这样可以保证他们的搜索结果与预期一致。举个例子，一家大型鞋子零售商在其移动网站上面提供了搜索服务，但是搜索前会询问用户的性别，以及脚的尺寸等问题。
网页制定中有哪些元素制定
一、图形元素
网页制定中的图片提供导向和链接的功能。依据人机心理学研究，人们的视线在浏览网页时，会首先垂直的落在屏幕中心，然后向四周游动。决定了制定师要将重要的信息安排在凝视点高的区域，所以制定师要依据视觉流程来合理安排图片的适度位置。网页制定中的图片是要经过网络下载才可以最后看到，受到优待的限制，所以要求图形文件量尽可能的小。在图片大小固定的状况下，文件量越低说明图片分辨率要越低。关于显示器上的图片而言，分辨率为72dpi是大多数图片的最正确选择。
二、色彩元素
色彩的配色制定直接影响网站的整体定位、风格。作为制定中不可缺少的元素，它建立在文字图形的基础上，依靠眼睛的功能，通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静，暖色中的红色代表激动;黑色给人繁重感，浅色则让物体轻快;色彩从色调、饱和度、明度三个方面影响着网页，我们可以找到很多运用广泛的色彩配色方案，来作为实际学习和工作中的向导。
网页制定中的色彩元素必须要符合国际色彩的标准，因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采纳网页安全色，不能毫无克制的运用太多颜色，一般状况下先依据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采用RGB模式。网页制定是通过显示器来进行展示的，目前显示器大都采纳RGB颜色标准，这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来制定定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光互相叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。在显示器上，通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。
三、版式制定
用户界面展现在浏览者面前的数字化物化界面，组成元素是与传统物化界面相同的图文信息、版面制定、色彩布局。界面制定普遍遵循了〔平面制定〕的视觉传达方式。版式制定就是在有限的空间中遵循视觉制定原则，把各种多媒体元素进行合理的组合。不同的主题网站有着不同的制定思路，引起思想、情感、形式等各方面的不同。有些网页直接对视觉元素进行堆砌，欠缺规划，缺乏审美意识。各种文字、动画、色块等杂乱无章，令消费者厌烦。网站制定首先要对企业、产品、受众信息等进行全面的调研和综合分析，指定网站合适的整体风格，以合适的版式制定表达形式营造出相适应的氛围。
网页制定的原则
第一，网页制定人员在对网页进行制定时，一定要确保网页命名的简单明了，这是因为每一个网站室友多个网页共同组成的，如果不对其进行简化处理，很容易使人们产生一种混乱错杂的观感。因此，为了提升页面的连贯性，使其能够很好的链接在一起，制定人员应该对不同的页面制定具有代表性的名字，这样不仅能够减轻〔管理〕人员的工作任务量，还极大方便了人们的快速检索。并且，通过设置多项的关键词，让使用者更多更快的找到自己所必须的信息内容。

第二，当用户登录到页面时，第一感官印象是非常重要的。因此，制定人员还要充分合计到视觉效果问题，并对反差效果进行合理的应用。其次，还要确保网页结构和排版的流畅性。尽量在网页制定中插入大量的表格形式，以此来加强整个网页布局的均匀性，重点凸显该网站的主要内容，第一时间就能够抓住人们的注意力。此外，制定人员还要对页面的长度进行严格的控制，不宜过长，这是因为大多数使用者并不喜爱一直拉动滚动条，如果页面长度非常长，就会让用户失去耐心。同时，为了提升网页的视觉效果，无论是图像、背景、还是文字、标题，都应该坚持风格一致，只有这样，才不会给用户带来混乱的观赏感。
第三，制定人员在对一个网页进行制定时，必须清楚认知到一点问题，那就是，并不是所有的用户都可以了解网站的各项制定，正是因为这一点错误的意识，很多制定人员往往忽视了网页导览的重要性，这就给不熟悉网页的用户造成了极大的不便。为此，网页制定者为每一位用户提供网页浏览地图。这样一来，用户就可以在主页搜索栏中输入所必须信息，从而逐步提升网页的有用性。
第四，我们都知道，在一个网站中，有着大量的文字信息的图片，为了方面用户的使用，制定人员要在每一张的图片下面，加注具体的说明。并且，当图片处于缓冲阶段时，用户可以事先通过加注的文字信息来了解图片中的内容，这样不仅就可以有效减少用户的等待时间，避免用户出现厌烦的情绪。
第五，文字作为网页中主要的信息输出方式，其准确率的凹凸关于网页质量的好坏有着至关重要的影响，更是用户对网页评价标准的基本前提。假设是网页制定人员不注重这一问题，导致网页中出现了大量的错别字，即使网页制定的再美丽，也会在用户印象中大大折扣。所以，制定人员必须高度重视这一问题，并对所有的文字拼写进行认真仔细的检查，从而保证网页各方面制定都能够达到完美。
第六，网页制定人员要定期对网页链接状况进行测定，保证其始终处于有效性的状态，这样才干确保用户可以在第一时间寻找到页面。另外，还可以为用户提供其所必须要信息的相关联系方式，使其能够更深入的了解信息内容，以此来加强用户对网页的依赖性。
网页制定的制作技巧
(1)首先要准备大量的资料。
在网页制定之初，应该准备大量的资料，这些资料必须是有价值的，不能违反著作权的相关规定。大量的资料对后期合理的排版，架构的调整，内容的丰富有着很重要的作用。
(2)注意每页档案大小。
建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下。其实我们都知道，搜索引擎最正确化的目的，实际上是为了使用者，而不是为了搜索引擎本身。
(3)内容搭配要合理。
在网页制定的过程里，合理编排内容显得尤为重要。要让一篇文章表达出想要表达的意义，让用户在查阅时清楚的知道制定者想要表达的内容，关键词尤为重要。而关键词如何放置才干起到这样的效果呢?拿出你的关键字，在以下六个地方各使用一次：标题、标签、网址里面、粗体关键字、页面上半部。
(4)当网页制定完成以后，制定人员要对网页进行随时的跟踪调查，观察用户更注重网页中的哪些部分，对哪一栏的信息量浏览率最多。并对用户发出评价表，具体了解用户对网页制定中的不满意之处，以此来对网页进行不断的优化调整，进一步提升信息的利用率，加入更多用户所必须要的信息，追求精益求精的制定目标，从而逐步提升网页制定的高品质。

第 8 页 共 8 页