为你插上遨翔的翅膀,与您共同成长...
  • 关于不同的平台,我们如何做UI设计?UI设计培训学校,川软君浅析:

     

     UI设计经常会面对的一个问题:是采用iOS设计风格还是android设计风格 ?

     
    产品在一个平台上做的很成功的时候,往往会被创始人毫无保留的移植到另外一个平台上,而对于设计师来讲,不同平台的UI和UX是有着明显的差异性,那我们该如何设计呢?
     
    目前为止,大致可以有三个方案:保持品牌的一致性原则;不同平台根据自身平台的规范进行设计;谋求各平台间的平衡性,混合设计。
     
    保持品牌的一致性原则
     
    iOS和Android采用一致的创意和设计语言,对于UI设计师来说,“可能”会有更多的时间,能专注于自己的设计;然而对于开发人员,无视iOS 和 Android技术的创意有时候反而会增加成本,增加开发量。
     
    自定义设计,在设计上可能会有很多特别之处,设计稿会很精美,有独树一帜的特点,而开发可能要话费更多的精力去实现设计师的创意。
     
     
     
    Mix
     
     
     
    MIX是一款精美的照片处理软件,在安卓和iOS端没有做任何界面上的区分,都延用统一的创意和设计样式,树立了统一的视觉形象。其强大的滤镜效果,吸引了很多美颜用户,mix比较鲜明的特点是自己成功处理的滤镜效果还可以上传分享,其他用户下载即可直接应用到自己的图像上面,美颜功能不仅仅是一个工具,还能够形成很好的互动。
     
     
    荔枝FM
     
     
     
     
    在国内也有很多app谋求品牌的一致性,在平台端设计上面不做过多区分,如:荔枝fm,从页面的结构、信息内容的展示、客户端的操作习惯上面,保持了统一的设计语言,并没有采用Android和ios的一些典型的设计形式,形成了自己独有的品牌价值。
     
    什么时候保持品牌的一致性原则?
     
    用户可能会通过多平台访问你的产品(网站、ipad、iphone、android设备),这个时候保持品牌的一致性原则,似乎更加合理。
     
    如:音乐类应用  视频类应用,在多平台的访问时,不会感觉到特别大的过渡差异,再者就是对自己产品足够自信,尤其是UI和UX上面有独特而精美的设计;国内就有这么一位最最“自恋”的大拿——老罗,锤子系统、时钟、日历、便签等;尤其是一些工具类的APP,很多是不拘泥于这些平台规范。
     
    不同平台根据自身平台的规范进行设计
     
    各自平台有自己的交互方式和设计语言,基于用户自己最熟悉的用户体验、交互方式进行设计,重点放在功能本身上面。这样开发也会变得省时省力,可以运用自己最熟悉的编程代码;比如,ios的实时模糊效果,谷歌材料设计的触摸波纹效果,在各自的平台上面都很容易实现,而跨平台实现他们的效果就会给开发带来不小的工作量;当然UI和UX工作量也会相应变大,对自身能力要求也更高。
     
    WHATSAPP
     
     
    由于WhatsApp几乎应用于每一个平台上,面向不同平台的设计方法自然是合理的。WhatsApp的iOS和Android版本看起来彼此完全不同。它的设计师做了一个基于多平台适配的伟大工作。他们采用了不同的交互模式、图标元素、菜单项的位置等。
     
    国内的知乎app同样针对不同平台做了设计
     
     
     
     
     
    什么时候坚持根据不同平台去设计? 
     
    激烈的市场竞争环境中,需要快速启动开发项目,增长用户群,切实关乎到产品的生死存亡。这样,技术能够快速完成开发任务,用户也能享用到最熟悉的交互模式,设计上甚至按照平台的一些规范完成即可。再者,经由苹果或者谷歌官方推荐的设计,往往被视为一种成功案例;在此,需要特别强调一下Google的材料设计,有一些不同于iOS比较鲜明的特点:阴影和层级;纸张的拼贴、 变形和多屏幕适用;汉堡包菜单设计;浮动按钮;触摸波纹等,都是很好的设计。
     
    混合设计方法
     
    随着产品的不断发展,有时候又想谋求一种既忠于品牌又适应各个平台特性的设计,这种方法在两者之间达到一种平衡,应该是比较复杂的方法。进行设计时,就要考虑到两种用户,一类是对你的产品很熟悉,很了解,他们可能比较在意品牌化特征;另外一类是从未使用过产品,所谓的“小白用户”,他们可能比较在意平台的特殊性。一些android开发人员对Google的设计就无比推崇。这时候就要弄清楚什么样的UI元素,设计风格能够让自己的产品脱颖而出,既不失品牌效应,也能够在自身平台中有流畅的体验。
     
    FACEBOOK
     
     
    Facebook APP的iOS和Android版本看起来很相似,但也有根据不同平台设计的样式。“内容为王”是Facebook应用程序的主要特点,它的设计者选择了简约的设计风格,需要给予app更多的空间呈现内容。iOS版本导航栏保留在底部,还有就是标准的ios搜索样式; Android版本菜单切换采用顶部标签栏样式,支持整个页面侧滑操作,典型的Android浏览信息的交互模式。
     
    国内也有很多公司采用混合设计方法: 
     
    易信
     
     
    黄油相机
     
     
     
     
     
    什么时候会坚持混合设计方法?
     
    基于用户反馈和评价的基础上,不断更新迭代,完善产品。混合设计意味着需要不断的进行用户调研,分析数据,及时了解用户对于产品的体验情况,通过测试  研究确定出哪种UI设计元素更适合自己的产品。这里有个很明显的案例就是微信的设计,最早期微信的设计Android和iOS采用不同的交互方式。而从5.0以后,Android又恢复了底部导航切换。
     
     
    究竟那种方法能够成为赢家呢?
     
    没有哪一种方法是最好的,具体采用什么样的设计,还是需要结合自身产品的特点去设计,ios也好,安卓也好,都有自己很好的内容,产品如何操作毕竟还是用户说了算。
     
     
    想了解更多的UI设计资讯,UI培训信息,以及UI设计师培训后薪资待遇等信息,可以关注成都UI设计培训网【川软教育】.
     
  • 前一条:川软君浅谈UI交互设计指南
    后一条:哪些人适合学习UI设计?

24小时热线:028-87777180,13684087372
地址:成都锦江区百日红西路212号8楼。
关于川软 | 川软课程 | 常见问题 | 在线报名 | 联系我们 | 回到顶部 2002-2023   川软教育版权所有   蜀ICP备13021846号-1

川公网安备 51010502010656号