美文网首页
品牌驱动UI设计进阶

品牌驱动UI设计进阶

作者: celeryzzz | 来源:发表于2020-08-12 21:14 被阅读0次

    针对设计师的T型能力模型?

    横向的要求会的比较广泛:运营设计、动效设计、视觉设计、插画、产品;

    纵向要求会的深度:项目经验、方法论、数据理解;

    1:如果通过品牌设计思维,做出具有品牌感的banner?

    案例:生鲜主题banner  (设计来源于生活)

    时光机联想:回到小时候(回家的小路);   菜板台面;     立体感:厨房的台面;

    发散思维,情绪板 banner最终效果图

    案例2:通过以下文案(用听的也能过教资)完成一个插画类的banner设计;       

     利用的方法论: 4W场景分析(什么人,什么时间,什么地点,做了什么事?)

    文案

    有效的文案分析思路:

    (1)听什么?   (2)在哪儿听?   (3)用什么听?  

    对名词进行联想,衍生出更加具象的物象 对名词进行联想,衍生出更加具象的物象 整合关键词,在脑中构建插画场景 图库找参考图 初步线稿

    4w(who、when、where、what)场景分析应用场景:

    场景1:运营文案场景分析,关键词查找;

    场景2:UI界面中;

    案例:外卖APP中:

    案例:买票APP中:

    外卖APP4w场景分析

    在首页中展示快捷入口,让用户在首页中快速获取取票信息;帮用户减少一些操作,即交互减步长;

    智能场景 案例

    图标设计中,怎么融入品牌细节?

    情绪板方法论:

    情绪板方法论

    案例:金融类产品icon设计

    通过图片推导出合理的细节

    图标风格

    可靠性:圆润的造型;       安全感和稳重感;

    除了用于图标设计,还可以用于IP形象设计打造;

    将品牌细节融入到UI设计当中;

    品牌形象要符合产品战略、服务定位

         大众点评图标案例:

    1:根据分析用户描述和产品定位分析出产品关键词:

    2:根据关键词,情绪板图库中找出图片参考:

    3:提炼出图标用色:

    UI设计中的导航栏:

    (1)导航栏的由来:生活中的指路牌

    安卓和ios的区别

           导航栏

    导航栏搜索框要怎么做?

    分析:在做导航栏搜索框的时候,需要首先跟产品沟通,需要强化的是搜索框的功能?还是搜索框两边的功能?

    下图:01淘宝强调搜索框两边的功能;      02强调搜索框;  03强调两边功能。

    搜索框的思考

    搜索框如何融入品牌元素?

    飞猪的搜索框在右上角融入了飞猪品牌logo的飞扬刘海;

    天猫的品牌容器,很常见的;

    下图的导航栏背景,哪个更加通透一点?

    左边的通栏导航栏更加通透一点,右边更加强调品牌色;   若要是强调导航栏上的功能,右边更好;

    天猫品牌运营

    相关文章

      网友评论

          本文标题:品牌驱动UI设计进阶

          本文链接:https://www.haomeiwen.com/subject/vhfgqktx.html