关闭
关闭

微信二维码

请扫描添加

  • 网站开发
    企业品牌建站 手机站App开发 公众号微信小程序 运营管理软件
  • 三维动画
    工业产品宣传 工程建筑施工 设备工作原理 生产工艺流程
  • 行业解决方案
    事故还原分析 安全应急培训 海洋作业工程 石油化工装置
  • 互动展馆
    数字展馆 可视化大数据 互动触摸屏 VR虑拟漫游
  • 新锐传媒
    关于我们 视角观点 锐之印花 联系我们
新锐建站
机械动画制作
三维动画制作
  • Our Mission
  • 首页 - 观点
  • 聊聊UI DESIGN到底做什么的

    时间:16-12-21       人气:952       评论:0

  •  

         UI到底做什么,要从UI接到的工作流程来说——产品/交互/设计。也就是说一般我们接到的是交互稿。

    这时候UI看到一个交互设计,需要考虑的是:

     

    1、这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息)

     

    2、信息重点在哪里?

     

    3、用户人群是哪一类?

     

    等等分析都是自己的事。另外,通常我们拿到的交互稿是这样子的:

    Image title

     

    产出却要求是这样子的:

    Image title

     

    那么这中间的坑和鸿沟就是我们自己填。

    在解决完上面的问题后,我们开始着手UI设计:

     

    1、从产品需求入手,考虑我们到底要用什么主色调

     

    比如同样是团购,糯米用的是桃红色,而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。

     

    2、配色和辅助色用什么颜色

     

    在考虑到产品气质和品牌色的同时,我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中,辅助色运用的策略是不同的,比如我们经常说的:邻近色、对比色等。都是我们选择辅助色的方法。

     

    3、用什么风格来表达

     

    现在来说,说到风格一句话,扁平风。但是在扁平中也有区别。比如下图,同样是扁平。但是左图微微带有一些光影,而右图是纯扁平。你能说哪个好或者不好吗?不能。

    Image title

     

    同样的信息,在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。

     

    4、图标化成什么风格

     

    同样是设置、发现、首页,不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。都是需要UI设计来考虑。

    比如:同样是腾讯的产品,手Q和微信的icon就完全不一样。其原因是由于产品面面对的人群不同,手Q更偏年轻化。同样,你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。

     

    5、如何表达情感化设计

     

    在一些细节页面我们常常要考虑情感化设计,以此来提升app的品质,降低用户在异常情况下 的挫败感。同时好的设计师还会考虑到如何引导用户去解决,从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同,风格也不一样。这些也都是需要UI设计来处理的。

    Image title

     Image title

    6、动效如何做

     

    因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计,无意是对整个app加分的好方法。

     Image title

    7、万年的大头疼图标icon

     

    一万个人有一万个答案,那么具体怎么做,还是要考虑用户、场景、需求等细节。产品可以提供方向,但是具体的落地还是需要UI设计师来完成。

     

    8、适配、切图

     

    也算是万年话题了。你不是做个好看的东西,要能用,开发要能开发。你要考虑iphone456,还要考虑不同的安卓720/1280/1920,甚至有些公司要特殊考虑某些屏幕。

    在某些小公司,UI要肩负和产品一起考虑交互的问题。这时候经常需要UI在自己储备足够的视觉设计能力的同时有良好的交互设计能力。

  • 评论
  • 评论等你创造中
  • message

  • 立即留言联系!
    有任何问题,请随时给我们留言,或电话联系我们……


  • 关注我们的最新动态,了解更多产品销售信息……

  • INFORMATION

    • 关于新锐
    • 新锐观点
    • 企业动态
    • 网页设计
    • APP开发
    • 机械动画
    • 房产动画
    • 效果图设计
    • 人才招聘
    • 联系信息
  • contact

    Http://www.newray.cn

    青岛市 丰县路2号,博思公寓1-2-1802


    Pre-sales Tel:

    532-68851098 M:18653290309


    E-mail:

    848383505@qq.com

  • All Rights Reserved @ Newray 鲁ICP备10013391号   
  • home   |   Introductio   |   contact   |   Sitemap