全国免费咨询热线:

400-611-9921

 
移动端交互/视觉设计的一些技巧

2016-09-01

1472

回顾近些年来大多数成功的交互设计,都严格遵循着一些基础准则。他们适应人类的自然行为,悄无声息得减少干扰,专注于视觉呈现和交互体验以及其扩展性。一起了解一下这些重要的设计技巧,并且学以致用吧有效的排版方...
回顾近些年来大多数成功的交互设计,都严格遵循着一些基础准则。他们适应人类的自然行为,悄无声息得减少干扰,专注于视觉呈现和交互体验以及其扩展性。一起了解一下这些重要的设计技巧,并且学以致用吧
  有效的排版方式
  应用中的内容可以建立用户和APP之间的精确关系,并且帮助用户达成诉求。在这个交互过程中,排版起到了很大的作用。文字大小和布局影响了最终的屏幕阅读体验:小的文字、小的行距、留白不够都会耗费较长的阅读时间,因此用户会忽略掉大部分信息。在高亮的小屏手机中尤其明显。因此,屏幕越小,排版意义就越重大。

  移动端的排版要注意权衡易读性和空间利用率。选择一个合适的字体尺寸及留白是设计师最关注的。为了减轻阅读负担是内容易读,字体应当足够大

  简单的配色方案
  配色是视觉设计中最复杂的部分。简化配色方案能提高用户体验,复杂的配色反而会有一些消极的影响;要拒绝混乱的配色方案!通过调节某个色相的明度和饱和度,你就可以得到多种颜色,这种组合也不会让人觉得有视觉负担。

单一色相-蓝色配色组合。

  PS:自己创造一套配色方案会比较难,但也没有大多数人想象得那么复杂。比如将一种亮色添加到另一种中性色调中就是一种简单的配色方法。亮色可以简单且有效地吸引眼球。

  无论你想让APP页面承载怎样的内容,你总是希望用户尽可能多得感知到内容。基于内容的导航是在概述和详细内容之间进行跳转的一种设计模式。这种导航通常表现为卡片,卡片在用来组织和扩展信息量较大的内容上真是一项伟大的发明,它使内容更容易被识别和理解
  - 卡片将内容筛选到有效区域内,因此占用了更少的空间。类似于在一篇文章中的类似“句子”“段落”这种文本组合方式,卡片将内容筛选并且组合成一条有效信息。
  - 卡片更利于手势操作,用户不必费心理解这些内容该怎么用,他们潜意识中能理解物理卡片的意义,打开一张卡片来查看更多信息,或者跳过查看其它卡片信息。
  
  PS:应当尽量让你的UI设计弱化,让用户关注内容。
  图层和层次
  PC端和移动屏幕之间最大的不同就是尺寸。移动端网页和APP的空间比较有限,为了克服这个缺点,越来越多的页面开始充分利用多个图层在Z轴上叠加的表现形式。

  分层的设计可以参考google的Material design的规范,还原在现实生活中人与物体之间的交互。图层帮助用户理解设计。面和投影在传达页面结构上有重要的意义,通过投影来表现元素和物体不在一个平面之内。

  投影描述元素之间的相对关系
  一些常见的应用中分层设计页面有以下这些元素:
  - 悬浮按钮:这种形式的按钮用于正向操作。一个圆形图标很明显得悬浮在页面上。

  - 放大:通常表现在当用户选择列表中的某项后,信息会跟踪到放大的详情页面并且可以返回到列表页。

  - 导航置顶:在用户与页面交互过程中,简化的菜单入口应当始终保留在屏幕中(译者注:现在也有很多沉浸式体验的APP会隐藏导航,但当我们进行上滑等逆向操作时,导航会立刻复现,如AppSo)。

  固定位置的导航,

  置顶导航
  - 动态窗口:就像PC端一样,你可以将一个窗口完全覆盖在当前页面之上,以确保用户能够注意到,比如登录、广告,提醒功能。

  PS:简化用户流——确保每个页面能传达一件事并且只传达一件事。
  重复的操作手势
  电容屏、大屏手机的兴起很大程度上改变了人机互动方式。屏幕不仅是阅读的目标也成为了手势动作的目标。滑动,点击和放大是最常用的手势,已经成为类似移动和点击这样的本能动作。通过手势操作可以执行返回、查看菜单、调整当前视图或删除类目等功能。
  
  一个应用依赖的手势操作越多,屏幕上的按钮越少,可以节约更多的空间来表现内容。这是真正的沉浸式体验。

  PS:以上提到的都属于标准手势。如果你要使用原创的手势一定要谨慎。在判断使用手势(标准或者原创)时,心中要谨记一点,手势都是隐藏的。所以如果没有视觉提示,用户可能会疑惑以至于不知道如何使用你的APP。
  实用的动效
  实用的动效其实就是在用户操作流中插入的一些微妙的动态效果。它像是你的交互助理:
  - 提供给你视觉反馈

  当用户通过点击看到一个动画反馈时,能马上明白动作被页面感知到了。
  - 平缓的状态转换并且让用户感知到变化
图标从一个状态变成另一个来标记不同时间的差异状态。图片来源:Material Design
  PS:你可以通过微妙的动态效果和转换来提高用户体验。但也要慎用动效,并且怀有目的性。不仅仅出于好玩高兴这样的理由,应当专注于能服务用户的实用的动效。
  小结

  UI设计正朝着 简化一切不必要的元素而专注功能的方向发展。干净的界面,简单的配色方案以及愉悦的视觉感官使页面更有现代感也更有易用性。


本文来自广州品牌网站建设网站设计制作公司-纵天科技

标签:移动网站建设,高端网站建设,企业网站建设,手机建站

标签:企业网站建设 
热门标签
房地产网站建设汇景网站建设汇景网站开发汇景控股新能源网站开发新能源网站制作奥动新能源网站建设奥动官网网站改版石油公司网站建设广州网站搭建广州市网站制作生物网站建设珠海方正官网建设方正官网建设日本YKK官网建设骏丰频谱官网建设斯帝罗兰官网建设高新兴官网建设三盟科技官网建设赛立信官网建设福美控股官网建设德国商会官网建设皇朝家具官网建设皇朝定制官网建设百利官网建设广芯微官网建设物联网网站建设芯片网站建设网站开发日本YKK官网百利网站建设办公家具网站建设广州建站公司广州做网站营销型网站建设柏洪集团网站集团网站建设新元素网站教育网站德胜教育集团德国商会网站建设品牌网站建设赛立信网站建设智能家居网站运动网站建设贸易网站建设玩具网站建设化工网站建设日化网站建设家电网站建设音响网站建设物流网站建设旅游网站建设酒店网站建母婴网站建设珠宝网站建设钟表网站建设培训网站建设教育网站建设建材网站建设装饰网站建设机械网站建设美妆网站建设展览网站建设皮具网站建设五金网站建设仪器网站建设照明网站建设水电网站建设咨询网站建设法律网站建设家具网站建设家居网站建设服装网站建设服务网站建设食品网站建设金融网站建设餐饮网站建设环保网站建设政府网站建设科技网站建设地产网站建设医药网站建设数码网站建设营销型网站广州网站制作广州网站建设公司建网站广州网站设计公司建站优必思官网英文版网站定制网站广州网站建设中服装网站设计服装网站制作防火板网站大数据网站科技网站制作物联网网站人工智能网站防火板网站制作家居网站制作枕头网站电器网站制作电器网站家具网站家居网站网站建设公司​手机网站建设响应式网站企业官方网站网站策划官网改版企业网站建设网站制作网站设计建站公司网站建设公司企业网站网站建设费用网站建设广州企业网站建设企业建站官网建设广州建站广州网站建设纵天科技
点击展开
关于纵天
广州市纵天信息科技有限公司成立于2008年,是中国领先的整合式互联网应用服务商。12年专业历程,坚持以科技创新为先导的网络服务,服务超过8000+知名品牌与创新客户,涉及网站设计、APP应用开发、微信开发、平面设计、视频拍摄、互联网整合营销等多个领域。
微信咨询
官方微信
联系方式

地址1:广州市天河区珠江新城邦华环球广场16F

地址2:杭州市滨江区滨安路1190号智汇中心B308

业务 QQ: 3561401262

E-mail: sales@zomsky.com

电话咨询 在线咨询 QQ咨询 官方微信
官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭