1、网页界面布局手机端网页的界面布局设计中考虑到手机用户更多的是使用垂直滚动的方法浏览。因为手机屏幕的尺寸较小, 字号大小也遭到限制, 为了不影响阅读, 手机端网页应控制单个页面的内容量, 突出重点视觉元素, 防止界面杂乱。同时精简文字, 将冗长的信息内容划分为多重页面。网页界面设计中应突出按钮的地方, 按钮的尺寸应当和手指的大小相匹配。2、视觉隐喻的运用图像阅读是人类常见具备的能力, 它可以直接调动读者的感性经验和视觉思维。在图形用户界面中用户通过把这类带有隐喻的图形与其熟知的事物联系在一块, 从而理解界面中每个控件的功能。在手机端网站制作中, 图像也不止是传递信息的一种介质, 同时也可以借助视觉隐喻的原理承担着帮助用户在界面视觉元素与网页互动机制之间打造直觉联系, 进而降低用户的学习本钱。3、字体用尽管图像在数字阅读年代愈加遭到喜爱, 但文字依旧是人类获得信息的主要介质。伴随科技的进步, 今天, 5寸左右的手机屏幕像素数目已与电脑屏幕相当 (如1 0801 920) , 其像素密度常见超越300PPI, 几乎接近通常打印成效。这给手机端网页字体的选择带来更大的自由, 更多样的中文字体可以被用, 很大地丰富了网页视觉风格。尽管这样, 手机端网页在用字体时还需要考虑屏幕尺寸的限制, 为了让信息层级明确, 防止界面杂乱, 应尽可能控制网页文字的字体种类和字号的数目。4、色彩设计用不一样的色彩可以带给用户不一样的感觉。在一些范围中, 颜色具备特殊的意义, 在不一样的文化环境中颜色的意思也不尽相同, 所以在网页视觉设计时网页的色彩不但要与主题内容所传达的情感相契合，也要考虑读者的文化背景。色彩和其他视觉元素一样不只用于传达内容和情绪, 也承担着网页层次结构的梳理功能。在手机端网页的色彩设计中总是会依据内容和结构设定主色, 标准色和对比色。主色决定了整个系列网页的视觉风格, 通常作为底色用或者用在每页的一个固定地方上, 起到定调有哪些用途。标准色指的是整套移动界面的色彩规范, 确定文字、线段、图标等的颜色。对比色一般会用在标题、按钮等地方, 起强调和引导有哪些用途。5、动画设计伴随网页技术的进步, 在手机端网页达成各种形式的动画成效 (以下简称动效) 变得愈加容易, 和影视动画不同, 网页动画成效常常肩负着对网页信息结构和交互的展示、引导、反馈等用途。网页动效通常在网页中起到以下几种用途。1) 强调。通过网页动效的添加对网页的要紧信息和功能进行暗示和指导。比如要紧文字信息的出现动画、按钮的闪烁等。2) 反馈。通过网页中视觉元素的出现和消失, 与大小、地方和透明度的变化对用户的交互行为进行反馈, 用户和网页的交互过程愈加流畅。3) 层级展示。通过网页页面或个别视觉元素的缩放、覆盖、滑出等动效帮助用户理解网页信息构造。常用与网页的转场和菜单的展开。4) 模拟。一些动效通过对现实世界的模拟迎适用户的认知。用户通过对现实世界的认知来理解网页的功能, 增强了用户对页面的操纵感和带入感。5) 后台进程的可视化。典型例子是各种加载动画, 不只让等待的时间变得可预期, 也增加了网页的趣味性。6、交互设计交互设计是概念、设计人造系统的行为的设计范围, 它概念了两个或多个互动的个体之间交流的内容和结构, 使之互合适合, 一同达成某种目的。在网页交互设计中应满足以下几个方面。1) 可操作性。用户为激活某对象所需触摸的屏幕地区有充分的空间以便用户准确操作。2) 易学性。通过对视觉隐喻等原理的运用引导用户的交互行为, 并重视交互界面设计中具备相同功能按钮的统一性, 以减少用户对交互界面的学习本钱。3) 可知性。通过网页动画等方法对用户的交互动作予以反馈, 让用户知道我们的操作是不是成功。4) 必要性。在网页中加入交互环节其实也在增加用户的操作步骤和网页程序的运算量, 应充分考虑其必要性。
