1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

移动端界面设计系列三:视觉设计--九分科技

时间:2020-06-08   分类:设计管理    作者:网络   来源:网络整理   点击:111

内容提要:这是移动端界面设计系列第三篇教程,主要从两个方面探讨了移动端视觉设计

内容采集来自9fen.net

编按:

copyright 9fen.net

    文章从两个方面探讨了移动端设计:一个方面是针对移动端对设计的制约进行设计,另一个方面是如何设计才能提高讯息高效传递。在第二个方面,作者建议设计师们注意信息垂直网络排列、灵活运用色彩分区信息和动静变化、运用象征图标。  

www.9fen.net

     为了利用平台化的功能,历史上第一批移动网站不得不在很多方面做出“让步”,因此远达不到“佳作”的水平。而如今,功能更加完备的设备让我们有机会打造出更具视觉吸引力的设计,这些设计不仅能够刺激和吸引用户,更能够提高用户体验的实用性。不过,机会的出现同时也伴随着挑战。

内容采集来自9fen.net

  九分网络

     在第一节:信息架构中,我们共同探索了移动端在物理特性和规格方面有别于电脑的地方;我们使用移动设备的时间、地点和方式,以及使用移动设备时的行为方式及感觉。之后在第二节:交互设计中,我们探讨了这些区别对于结构和功能的开发有着哪些影响。上面这两篇文章为优秀的手机和平板电脑设计提供了基石。下面,我们进入移动端设计研究的第3部分:探索视觉设计解决方案以及打造漂亮、好用的应用所需遵循的一些最佳实践。 九分网络

 

内容采集来自9fen.net

     首先我们来看如何针对移动设备的物理制约进行设计(包括各项最佳实践),然后聊聊讯息传递方面(也就是使用视觉设计支持移动网站和应用上的内容)的设计。

copyright 9fen.net

 

本文来自九分网络

针对移动设备物理制约进行设计 内容采集来自9fen.net

 

九分网络

     手机和平板电脑的物理形式和触摸屏界面限定了其在使用方面的几项基本注意事项。对于电脑,用户可以在宽广的内容空间内任意滚动或通过鼠标悬浮查看细节信息,但移动用户所面对的空间则较为有限,因此必须采取不同的交互方式。要创造出直观的用户体验,我们就必须要牢记有关移动布局和移动交互的特定限制因素。 copyright 9fen.net

 

copyright 9fen.net

实用布局 内容采集来自9fen.net

  内容采集来自9fen.net

     移动屏幕上有限的空间对内容和交互的有效呈现提出了一些有趣限制。具体来说就是:布局务求精简、专注。 内容采集来自9fen.net

 

九分网络

  ◎ 布局结构——为了给设计提供强有力的基础,我们需要考虑如何最有效的运用有限的屏幕空间。在这方面网格系统可以给设计师带来很大帮助:均匀分布的垂直线条结构可以起到引导和安置内容的作用。网格能够界定出空间是否均匀,从而能让设计师更轻松地判断出放置按钮、标题或图像的最佳位置。沿网格放置元素一方面能够给用户的旅程带来方向感,同时也能带来清爽、美观的视觉效果。 内容采集来自9fen.net

移动端界面设计

www.9fen.net

 

内容采集来自9fen.net

  内容采集来自9fen.net

  ◎ 滚动及滑动的空间——在用户浏览内容或者滚动屏幕时,一定要保证他们不会意外执行预期外的操作,或者激活不需要的对象。换句话说,屏幕上各个元素之间的间距必须足够大,让用户能够轻松在其间进行导航。 copyright 9fen.net

 

copyright 9fen.net

用户友好的交互

本文来自九分网络

  九分网络

     移动设备采用触摸屏界面还意味着视觉设计必须起到强化交互的作用;换句话说,视觉元素大小和位置的安排要保证使用的方便,并突出不同操作的重要性及相互之间的联系。

本文来自九分网络

用户友好的交互 copyright 9fen.net

  copyright 9fen.net

  本文来自九分网络

  ◎ 按钮点击区域——如第2节所讨论:按钮大小和间距的充足与否决定了交互能否轻松实现。在理想情况下,标准屏幕上的按钮大小应为44px到57px,高密度屏(视网膜屏)上为88px到114px。这个大小可以保证正常人的指尖能够轻松激活按钮。 www.9fen.net

  本文来自九分网络

  ◎ 能够得到看得见的控件——相关的交互对象应该能轻松用手指够得到,以方便用户更快捷地在彼此之间进行过渡切换。这样有助于减弱用户对交互操作之间彼此联系的困惑,进而提高复杂交互流程的进展速度。

九分网络

 

copyright 9fen.net

讯息传递设计

九分网络

  九分网络

     在进行移动端设计时,物理方面的制约还只是我们所面临的难题之一。另一项难题是如何传递讯息。“移动为先”的理念教导我们移动用户通过移动设备和电脑所获得的价值应该是相同的。记住这一点后,我们就会发现,移动端讯息传递的设计会影响到各位设计师所要传递讯息的内容。 本文来自九分网络

  www.9fen.net

标签:

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----