UI界面创意设计如何源于生活?

操作方法

  • 01

    产品设计已经步入应用体验和用户需求的时代,简单的硬件参数罗列,粗糙的用户体验感受已经无法跟上数码的发展趋势。创意设计源于生活一直是OPPO设计产品的理念,S33中经典的3个ui界面设计 创意包括:微笑解锁、萤火虫魔法插件和魔幻变装主题秀。

  • 02

    创意实例一:独特微笑解锁触摸屏的MP4都会出现解锁界面,从操作方式上来讲,最常见的是长按,单击双击,或者向左右上下方向拖动不同的图形进行解锁,不同的图形寄托的含义不一样,理念在于把解锁易用化,趣味化,情感化来吸引用户关注。    微笑,是人类最基本的感情,微笑解锁传达一个理念:即微笑一下就能分享音乐,分享视频,分享图片,分享你的快乐。一个简单的符号摒弃了冰冷机器与人之间的冷漠,传递了人类心底的微笑。    S33使用的电阻屏,在设计微笑解锁的过程中遇到的问题就是:从左至右画笑脸弧线解锁,导致操作不是很灵敏。S33UI设计师解决的方法是:第一,通过机身外部M键进行第二种机械解锁;第二,从左至右的触摸开锁不以笑脸的弧度为标准,用户只要从左至右手势滑动就可以了,非常人性化。

  • 03

    创意实例二:萤火虫调节屏幕亮度“虫儿飞,花儿睡,一双又一对才美”多么熟悉的歌谣,自己瞬间回到了童年,看见萤火虫就会让人有种梦幻,温馨,甜蜜,浪漫等一些说不出埋在心底的好感。这些感觉不正符合S33的定位吗?萤火虫的创意应用到功能上是调节屏幕亮度。    调节屏幕亮度在设置里也有,那么,为什么S33还要提出这个创意呢?MP4的主界面大多为功能图标,乏味而呆板。一个萤火虫魔法插件的降临,动与静的结合,丰富了主界面的层次感,同时更具有易用性。     S33的萤火虫魔法插件设计也几经修改,最初设想用户按住萤火虫抓到瓶子里,这也符合现实规律。但考虑到主界面上图标太多且又是可以随意拖动,萤火虫本身又很小,容易引起误操作,最后修正为点击瓶子萤火虫自动回归。

  • 04

    创意实例三:魔幻变装主题秀很多人强调主题界面的绚丽,S33的魔幻变装另辟蹊径,强调每个主题之间相互切换的视觉动态效果。如果人生是一场旅行,不必在乎目的地,在乎的是沿路的风景和看风景的心情。    以往MP4的主题更换需要到设置里一层层进行设置,魔幻变装既方便了用户操作,又增加了用户的操作感受,一举两得。UI设计的创意源于生活,微笑解锁源于人类最美好的微笑动作,萤火虫插件源于大自然,魔幻变装源于按照心情每日搭配的需要。S33作为OPPO倾心打造的精品MP4,除了影音娱乐之外,细节之处见成败。

(0)

相关推荐

  • Win10 RS版将大幅修改UI界面:更加美丽

    昨天有消息称,Windows 10 RS2即将进入RC候选阶段,距离RTM正式版仅有一步,也就是传言4月发布的第三次免费大补“创作者更新”. 按计划,RS2之后是RS3,对于这一版,去年底有爆料称,W ...

  • Win10全新NEON全新UI界面曝光:史上最完美

    微软近年来一直致力于Windows的界面“美颜”,从Windows Phone 7的Metro界面再到Windows 8的动态磁贴,扁平化的设计风格已经得到延续,直到现在的Windows 10,这种风 ...

  • Unity怎么让UI界面有立体效果?

    今天我们就来看看那使用unity让UI界面有立体效果的教程,请看下文详细介绍. 1.首先新建一个Scene. 然后找一个天空盒子,设置到场景.如图,使用夕阳做演示. 2.新建一个Canvas对象,并新 ...

  • 如何调整Maya软件UI界面的字体大小?

    相信很多小伙伴都有在使用Maya软件,其中UI界面的字体大小如何才能调整呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,在Maya软件中新建一个空白页,可以发现其中的字体很小,不适合观看 ...

  • 简单的ui界面制作(ui界面怎么做)

    通过项目实战,带你全面了解在UI设计中设计表单时碰到的问题,避免因表单设计的问题而造成用户的流失.前言表单是提升用户体验的一个核心点,但在视觉呈现的时候,大部分都忽视了它的体验.对于一个设计师来说,就 ...

  • 在Affinity Designer设计UI界面

    Affinity Designer操作使用容易上手,比起功能强大的AI和PS来讲很适合初学者,本篇文章通过设计UI界面来带大家熟悉Affinity Designer常用的工具使用,其中我们重点设计图形 ...

  • 15个动态UI界面设计欣赏

    小编话:今天给大家带来的是来自设计之家分享的15个动态UI界面设计欣赏.在UI设计中APP的动效设计往往会给视觉上带来意外的惊喜,在你来我往的交互中会给APP的设计加分.以下15款动效设计,欣赏之余, ...

  • 宝蓝色网站UI界面+APP界面(PSD下载)

    小编:今天给大家分享的一套漂亮的宝蓝色界面.这套免费的UI套装是由布拉德利Bussolini设计的,宝石蓝的视网膜屏网站ui界面和iPhone6 APP PSD,且提供源文件下载.它是精心设计的矢量图 ...

  • FM Radio UI界面临摹【做作业】

    小编:今天的作业是Double哦!两个梦幻的FM Radio UI界面,不过仔细看看两个界面的组成还是非常简单的.做了这么多界面练习的作业你有没有发现过它们的共同点呢? 要求:提交的作业在背景右下角或 ...