手把手教你玩儿转UI—美食app界面设计

设计是个解决问题的过程，而不是结果。不能单纯的认为按自己的喜好和经验出发来做视觉设计，应该用理性思维分析解决用户在实际使用中遇到的问题，不能只把注意力放在风格和视觉效果上，因为视觉效果千万种，明确选某一种风格的原因，才是最大的价值。新手如何做出好看的UI，要做到打破界限，雕琢细节，比如在现有模糊渐变的效果上再加磨砂，更能体现趣味性。

推荐一款便捷工具ps mirror，  设计稿实时预览工具，在手机上随时随地查看设计稿，艺术来源于生活而高于生活，你要是真的做到了在地铁上或者公交车上看到一个宣传海报，能想到去分析作者想表达的意图，大到海报的整体风格，小到一个字体的像素大小，才能说你自己刚刚入门，注意自己生活中的发生的一切，向来都有小惊喜。就好像我认识的程序员在等电梯的时候都会想到如何调度，虽然是一个小小的细节，但是真的做到了把工作融入生活，可能是他们真正在做自己喜欢的事儿吧。

怎样从UI新手到老手，从“知道怎么做”到“知道为什么这样做”，是一个质的转变，你需要为此多付出十倍百倍的努力，要知道临摹很简单，稍微懂点软件操作的人，都能按照效果图做出一模一样的界面，但是给你一份同样的原型，同样的需求，你是否能做出同样的效果，或者能够做得更出彩，这才是你需要精进的地方。

在时间不着急的时候可以自己绘制一版需要的图标，但也可以从网上iconfont图标库下载需要的图标来应急，顺便学习一下，同样一款图标，为什么会有那么多种表现方式。

以下是一款美食App的页面，主要精进了以下方面：

1图标风格的统一

2抽屉菜单栏的设计

3整体界面节奏的把握

|线框图|

|效果图|

附件是线框图和效果图源文件，有需要的可以下载，如果需要过程源文件，私信我邮箱发给你。