梧桐树下APP Redesign

  • 作品类型APP
  • 作品属性原创作品
  • 作品版权署名-非商业性使用-相同方式共享
10635 8 88 2018-01-30

这次是针对于梧桐树下APP进行页面改版设计。时间比较紧,页面比较多,此次改版主要针对于页面进行优化,布局逻辑上没有进行调动,后续版本还正在进行优化设计。每一次收获都挺大的,特别是sketch的symbol和style太强大,前期在进行设计的时候,都会不断地做稿子调整配色,然后建立最初的styleguide。

整个步骤如下:

1.前期视觉设计方案调研

2.styleguide的设定(在sketch中建立一个画板放各种guide【字体/颜色/布局/组件/文件管理/切图规则/命名规则等】)

3.进行页面初设计(在纸张上根据原型图画好排版布局)

4.页面高保真设计(sketch中)

5.在左侧pages管理栏目中建立一个page(用于设计交互流程图并撰写相关设计文档标注)

6.设计会议结束之后开始标注切图,并和前端进行沟通如何高效地去合作开发

7.设计动画效果并交付于开发哥哥

此处有几点心得体会分享给大家:

1.设计之前一定要写好规范指南

2.对于图标大家可参照我的图中的图标栏目进行设计,方便与管理和研发开发,只需要对所有的图标进行单个单词命名,并把表交付于开发哥哥,开发哥哥就对着表去输入一个单词即可找到对应图标。

3.前期style建立的时候,一定要把命名规范,比如里面的斜线命名方法。对于管理样式也是有很大帮助

全部评论:8

  • 两包薯条

    2019-03-22 16:01

    我喜欢缺省图的配色 蓝绿橙! 另外底下评论有点恶心到我 UI中国上怎么也会有这些无聊的人?

  • 我叫小红

    2018-06-22 16:06

    这家公司在成都环球中心吧? 还叫了我去面试,没时间就没去

  • Evan的夏天

    2018-03-09 12:13

    @墨宣堂主: 改版的话,你时间充裕就最好走流程细致一点,前期用户调研之类的【可以多看看宋老师seany的文章】,然后视觉上也做一些情绪版找一些视觉参考之类的,结合前期调研工作去制定设计规范。交互也好好研究一下,总之流程越细越好。这版本我来就是改界面设计了,其他方面就没花时间,交互上也没时间去研究,所以时间就一周多就够了。总体70个页面,引导页缺省页面启动页。现在在重新设计新的版本,走的流程就细致一些。大体流程可以参考一下我最开始写的流程哈。

  • 墨宣堂主

    2018-03-09 10:45

    请问这次改版一共设计了多少页面,给设计的时间是多少呀,我也要经历改版给点经验之谈呗

  • Evan的夏天

    2018-02-26 15:16

    @ wEN3:

  • wEN3

    2018-02-26 15:15

    为什么叫开发哥哥啊,好恶心也

  • Evan的夏天

    2018-02-26 10:06

    @徐习波: 感谢!

  • 徐习波

    2018-02-26 09:32

    不错

  • Evan的夏天

    2018-02-23 16:38

    @王碧池: 骚不过你

  • 王碧池

    2018-02-22 23:32

    骚东西

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票