咨询电话:186 7916 6165 咨询电话:186 7916 6165 (微信同号)    在线QQ:181796286
DESIGN SHARING ·
设计分享
关注开优网络 关注前沿
移动端产品UI设计切图必备知识
HTML5地理位置定位(Geolocation)原理及应用

移动端网页设计何去何从?

发表日期:2015-08-30    文章编辑:南昌开优网络    浏览次数:6327    标签:网页设计

  移动端网页设计水平在很大程度上决定了产品的客户浏览率。简洁,清晰,高效建立在高度提炼的基础之上。简捷不只是简单的删减,而是建立高效准确并有秩序的系统和方法。
  以iOS7为例:整体界面的改版遵循iOS7并采用了连贯统一的全新架构,将贯穿于整个系统。系统的建立应该具体到每一个细节之上,考虑到他的扩展性以及对其他元素是决定为的影像。栅格化的比例构成,字号、字距、行距、字体样式,每一个不同层级元素互相接触时之间的栅格化标准。图标的状态变化,点击反馈的规则。这些都是为了通过在每个标准系统中把各个单独的元素之间达到和谐一致。
  整个iOS7设计的目的是把界面的设计有序的隐藏,来使得内容展现的最大化。
  1、重审视对拟物,拟真化设计的定位。设计在内容之中起到的是辅助作用。
  2、 使用大量的负空间。负空间使重要的内容和功能更加明显和容易理解。负空间也可以传授一种安宁和 平静,它能使一个应用程序看起来更专注和高效。
  3、利用整个屏幕。利用背景来传达整个主体信息氛围,比如天气的设计。
  4、半透明设计暗示背后的内容。
  5、巧妙的颜色可以使得UI变得更加简洁。用颜色来区分不同的应用视觉系统。
  6、无边界的按钮。
  7、系统字体的选取提高了阅读性。系统字体可以自动调节字符间距、线间距和行间距。
  8、 利用层级关系的规划和设计,帮助用户对目前应用的状态和产品的逻辑关系加以理解。通过动画来隐喻出产品层级设计来龙去脉以及层级关系,让用户知道当前的层级和回去的路线。
  关于移动端网页设计还需要设计师和交互设计很好的沟通,最后得到一个相对于用户来说完善的手机网页设计界面和功能。