1、网页界面结构
手机端网页的界面结构设计中思量得手机用户更多的是采纳垂直转动的体式款式浏览。因为手机屏幕的尺寸较小, 字号巨细也遭到限制, 为了不影响浏览, 手机端网页应掌控单个页面的内容量, 凸起重点视觉元素, 避免界面紊乱。同时精简文字, 将冗杂的信息内容分别为多重页面。网页界面设计中应凸起按钮的位置, 按钮的尺寸该当和手指的巨细相婚配。
2、视觉隐喻的使用
图象浏览是人类广泛具有的才干, 它可以直接变更读者的理性履历和视觉思惟。在图形用户界面中用户经由把这些带有隐喻的图形与其熟习的事物联结在一路, 从而了解界面中各个控件的功效。
在手机端网页设计中, 图象也不仅仅是通报信息的一种介质, 同时也可以利用视觉隐喻的道理承当着帮忙用户在界面视觉元素与网页互念头制之间设立建立直觉联结, 进而淘汰用户的进修本钱。
3、字体利用
虽然图象在数字浏览期间愈来愈遭到爱好, 但文字仍然是人类猎取信息的重要介质。随着科技的生长, 本日, 5寸阁下的手机屏幕像素数目已与电脑屏幕相称 (如1 080×1 920) , 其像素密度广泛凌驾300PPI, 险些接近一般打印效果。这给手机端网页字体的遴选带来更大的自在, 更多样的中文字体可以被利用, 极大地富厚了网页视觉气势派头。
虽然如斯, 手机端网页在利用字体时还需要思量屏幕尺寸的限制, 为了让信息层级了了, 避免界面紊乱, 应只管掌控网页文字的字体范例和字号的数目。
4、颜色设计
利用差别的颜色可以带给用户差别的觉得。在一些领域中, 颜色具有不凡的意义, 在差别的文明情况中颜色的寄义也不尽相同, 以是在网页视觉设计时网页的颜色不仅要与主题内容所转达的情感符合合，
网页设计，也要思量读者的文明背景。
颜色和其他视觉元素一样不仅用于转达内容和情感, 也承当着网页层次结构的梳理功效。在手机端网页的颜色设计中常常会凭据内容和结构设定主色, 标准色和对照色。主色决议了全数系列网页的视觉气势派头, 一般作为底色利用大要利用在每页的一个牢固位置上, 起到定调的感化。标准色指的是整套挪动界面的颜色范例, 肯定文字、线段、图标等的颜色。对照色平日会用在题目、按钮等中心, 起夸大和指点的感化。
5、动画设计
随着网页技能的生长, 在手机端网页完成各类情势的动画效果 (以下简称动效) 变得越发随意马虎, 和影视动画不同, 网页动画效果常常负担着对网页信息结构和交互的闪现、指点、反应等感化。
网页动效一般在网页中起到以下几种感化。
1) 夸大。经由网页动效的增加对网页的紧张信息和功效进行表示和指点。比方紧张文字信息的泛起动画、按钮的闪灼等。
2) 反应。经由网页中视觉元素的泛起和消逝, 和巨细、位置和通明度的变更对用户的交互动作进行反应, 利用户和网页的交互历程越发流利。
3) 层级闪现。经由网页页面或个别视觉元素的缩放、笼罩、滑出等动效帮忙用户了解网页信息架构。经常使用与网页的转场和菜单的睁开。
4) 模仿。一些动效经由对现实天下的模仿逢迎用户的认知。用户经由对现实天下的认知来了解网页的功效, 增强了用户对页面的操作感和带入感。
5) 背景历程的可视化。典范例子是各类加载动画, 不仅让守候的时光变得可预期, 也增加了网页的爱好性。
6、交互设计
交互设计是定义、设计天然系统的动作的设计领域, 它定义了两个或多个互动的个别之间交流的内容和结构, 使之相互合营, 合营杀青某种目标。
在网页交互设计中应知足以下几点。
1) 可操作性。用户为激活某对象所需触摸的屏幕区域有充足的空间以便用户精确操作。
2) 易学性。经由对视觉隐喻等道理的使用指点用户的交互动作, 并注重交互界面设计中具有相同功效按钮的统一性, 以低落用户对交互界面的进修本钱。
3) 可知性。经由网页动画等体式款式对用户的交互动作予以反应, 让用户相识自身的操作可否乐成。
4) 需要性。在网页中插足交互环节实在也在增加用户的操作步折衷网页法式的运算量, 应充足思量其需要性。