020-29815005
预约专线时间:09:00-23:59

UI设计的视觉表达有哪些技巧

新闻来源:优漫教育 日期:2021-11-25
不同用户的操作习惯和感官标准各不相同,越来越多的产品为了满足用户的不同喜好,设计多种模式进行设置切换。最早的就是主题皮肤,逐步延展到更多的功能模块中,比如音乐播放页的布局设置。
  个人主页定制。

  由于用户偏好的改变,定制模式能够满足不同的需求,网易云音乐推出了个性化首页定制设计。使用者可通过预设默认模式、歌单模式、视频模式等进行选择,为方便用户判断自定义后的效果,可通过“功能说明”观看预设后的样式,直观地展示提升用户的判断体验。

  定制模式打破了千篇一律的设计,根据用户偏好来呈现内容,增强了用户粘性和使用体验。


UI设计培训班


  不同的场景代入感。

  微动力效应在产品设计中的应用已经很普遍,尤其是图标的使用,既可以增加图标的关注度,又可以体现图标的差异性。一个扫一扫的功能图标,加上简单的动态渲染,增强了场景的代入感。

  在对图标进行有效表达时,使用一个真实的扫描动作,不仅可以提高对功能的关注,而且可以使主题表达更加清晰。


  主页导航定位的合理应用。

  顶端的导航条通常是提示当前页面的位置,对于首页一般会设计搜索、品牌曝光、功能操作、当前位置提示等内容。还有一些直接显示Banner图,隐藏导航的存在。

  有些产品想要削弱活动板凳的空间比例,除了缩小Banner的高度之外,最近还找到了一个新的设计方案。安居客将活动主题设计到导航位置,点击和下拉刷新到一定程度就会唤醒活动细节。本设计方案不但充分利用导航定位,在达到曝光度的同时又不过分地占据首页版面,合理使用了有限的资源。


  场景转换,用于个人中心。

  个性化设计对许多产品而言是比较常规的,随着感官体验的提升,个性化中心设计的差异值得深思。并以图文并茂、微动效果为表现手法,将人物中心设计差异与情感表现相结合,是最常见的发展方向。

  除了用插图的形式提高情感体验外,自如的个人中心还运用不同的插画场景,用不同的插图手法表现出时差,代入感很强。情景插图也融合了微动力效应,细微的变化提高了产品设计的精确度,增强了产品的体验感。


  多模式满足用户不同的偏好。

  由于使用者的使用习惯、感官标准不同,越来越多的产品为满足使用者的不同喜好,设计出各种模式供使用者使用。首先是主题皮肤,逐渐扩展到更多功能模块,如音乐播放页面的布局设置。

  MOO音乐为用户提供了以相册封面和背景图进行播放页面的模式设定,用户可根据自己的喜好进行设定。不能判断用户在UI设计时的唯一性,多种模式的定制设置更能带来良好的用户体验。