header_v1.7.40

快速入门 - 移动 APP 用户界面设计 (视觉方向)

2年前发布

原创文章 / UI / 教程
YujunZhu 原创,如需商业用途或转载请与YujunZhu联系,谢谢配合。

新手快速入门 APP 界面设计方法,通过练习完整 APP 项目到熟悉各移动平台Guidelines

13d557a83b7b0000012e7ea5d200.jpg


在此之前你需要对设计工具有基础的了解,不熟练也没关系,在往后的练习中设计工具这块很快就能熟练于手。关于设计工具的选择,推荐UI领域最为常用的 Adobe Photoshop 和 Sketch。 (注:Sketch 目前只有 macOS 版本)


a1a857a83cff0000012e7e789c25.jpg





现在“扁平化”UI风格流行,从技法上来讲降低了入门的门槛。现在是最好的学习机会 。



#从完整的项目起手

可能你之前就听说过关于学习UI(用户界面)设计相关资料,比如:画图标、画按钮、练习某个效果等等。我把这个称之为“碎片化基础练习”,这篇文章强调“快速入门”,我们直接从完整的APP项目开始,从APP项目中反推每处信息布局、界面细节的设计方法、思路和技法等。


哪里有完整的APP项目可以用来学习?

给大家一个方法,在 Dribbble 和 Behance 上搜索 “UI Kit” 你能获取到大量完整的 APP UI Kit,甚至还有不少提供源文件下载。


1. 接下来就是临摹!不要丢失任何一个像素的细节。这个过程你会逐渐学会一整套图标的设计、一整套控件的设计、整体文字的搭配等等。当然也鼓励加入自己的想法,比如改变色彩的搭配、按钮/图标的风格等。在整个临摹的过程中会遇到很多不懂的东西,学会请教他人,善用百度、Google。


2. 重点补充薄弱块面,比如你没什么设计/美术相关的基础对色彩搭配完全没感觉,除了加大量练习外可以尝试些配色工具或者阅读学习资料等。比如你对设计工具不熟,那就多练多尝试吧,工具始终是最容易掌握的。



#了解平台特性

我们设计的APP都是运行在不同的系统平台中,比如Android、iOS等。每个平台都有各自的设计特性、设计约束和规范。比如常见的Android与iOS在系统桌面的设计处理上完全不同,iOS对图标进行了统一外形,Android除了支持各异的图标还支持桌面小工具。

好在目前各大系统平台都有极为细则的“设计规范”,也是UI从业者的必读之物。

iOS Guidelines:https://developer.apple.com/design/

Android Material Design :http://www.google.com/design/spec/material-design/ (需要梯子)

Android Material Design 中文版:http://wiki.jikexueyuan.com/project/material-design/

UWP:https://developer.microsoft.com/zh-cn/windows/design



#养成多看并多动手的习惯

数码/科技产品的UI设计可能都不用18个月就会迎来新的趋势。面临设计师需要解决的问题也越来越复杂,时刻保持好学极为重要。

推荐一个设计导航:http://idesign.qq.com/ 有大量项目、作品及经验分享。

最后,快速入门掌握的更多只是方法或者技法,当一个设计需求、设计问题抛过来的时候你可能还未必能解决。

往后的更多时间中,你需要有更扎实的基础、系统化的理论知识;有优异的视觉表现力和图形化表达能力;有系统化的思维能力等等。都需要你在众多的项目/练习中不断去磨练。


Yujun@AEC

本文同时发表于知乎专栏:https://zhuanlan.zhihu.com/p/21887048

10
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功