APPUI设计规范（app 设计规范）

大家好！今天让创意岭的小编来大家介绍下关于APPUI设计规范的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

文章目录列表:

• 1、学习UI设计需要掌握什么基础知识？

• 2、UI设计需要哪些技术

• 3、UI设计作品的评判标准有哪些

• 4、ui设计基础全套视频教程

一、学习UI设计需要掌握什么基础知识？

很多想要自学UI设计的小伙伴，苦于没有好的学习计划、课程大纲，学习效果很不好，花了时间也没有将自己的知识体系建设全面。那自学UI设计到底应该如何学习呢？

在讲学习流程之前，我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后，你才知道自己是否对其感兴趣，是否是真的愿意花时间和精力去学习。

一、UI设计

UI（User Interface），中文名“用户界面”。Ps：（百度解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

那互联网的这波浪，无论前浪，还是后浪都从未消停过。你经常看到“互联网+”这样的组合，通俗解释“互联网+”就是“互联网+各个传统行业”，但这并不是简单的两者相加，而是利用信息通信技术以及互联网平台，让互联网与传统行业进行深度融合，创造新的发展生态。

在这其中，又与UI有什么紧密联系呢？

把传统行业放到互联网上，肯定需要用一个界面来展示，哪怕只是一个简单的网页，而每一个互联网下的产品无论是PC端还是移动端，无论传统行业还是非传统行业，最终呈现都要以UI界面为依托，供用户使用查看。这其中又不仅要视觉产出，还要好的交互和用户体验。

举个例子，说说我们平常不太关注的来电接听这回事。

苹果手机在不锁屏的状态下，来电显示时，接电话在右边显示绿色，挂电话在左边显示红色。一般情况下右手拿电话，大拇指操作，绿色是接听电话，这是我们的常规操作，使用频率很高，所以在右边离大拇指更近，而挂电话频率不高所以在左边远一些。从色彩体验上分析，红色也有警示警告的作用，

但如果红色按键和绿色按键换个位置，其实并不会影响视觉，但却不是一个好体验，可能随时都会有挂电话的误操作

UI无处不体现在我们生活之中，无论大小，它都存在于你所看到的，你所触碰到的体验里。所以UI不单纯是美工，还要考虑到视觉效果和用户体验。而用户是很挑剔的，对视觉的需求和对体验的需求都在不断的发生变化和提高。所以这也造就了UI设计师这种不需要敲代码，但仍然可以拿高薪的互联网岗位。

二、UI设计学习计划

很多小伙伴没有严格的学习计划，导致于自学周期被自己拖得很长，所以自学UI设计，一定要制定适合自己的学习计划，严格按照学习计划去完成学习目标，才能获得最终的胜利。那每个人的学习能力和技能掌握情况不同，在这里分享一个零基础全天候以周划分的学习计划。希望你可以针对自己的情况，参考此计划为自己的量身打造UI设计自学计

越简单的元素搭配，就越考察一个设计师的基础功，如果没有过硬的技术和扎实的基本功，就难以准确地传达产品自身调性和营销卖点。

我们都知道创意思维对于设计师的重要性，却也不能忽略基本功对于设计师的必要性。只有坚持不断的负重训练，扎实美术功底，才能在日后的商业实战中轻松驾驭各种风格。

第一周：手绘

手绘的重点主要是培养学员的形体结构，光感、空间的关系，这算是一个审美培养的启蒙，时下最流行的矢量插画就和手绘密切相关。

第二、三周：PS、AI基础软件的学习

从零开始学习软件，需要用实际的案例去学习，这样更加容易上手，并且UI设计的学习并不是只是简单的学习软件工具，很多在人都以为UI设计只要会了PS、AI等就可以了，其实让通过实际的案例去了解设计背后的意义即设计思维、创意理解，才是更为重要的目的。

但是只学思维也不行，我们也要加强设计的基本功，对软件完全的精通掌握，这是必须的。

第四、五周:平面构成、Logo

掌握平面设计中点、线、面，加以延伸到到Logo设计，Logo一方面是包括图形另一方面是包括字体，所以了解文字结构是非常基础的，以及如果这一阶段学的非常好，接Logo私单，价格高到不敢相信。

并且logo品牌部分学习中，要会从Logo的形式、气质、基础属性、思维方式、以及标准制图等去深入学习。一个简单的图形通过形式的变形而演变出千变万化的造型，如此多的变化还怕设计不出Logo吗？

举例：从形入手，一个圆可变实心的圆、可变空心的、可变半圆的还可变椭圆、半圆，那是不是就能联想到鸡蛋、煎蛋、荷包蛋、帽子、水杯呢？

第六周：品牌Logo定稿以及VI手册设计

图片来源：阿多比设计学院学员作品

这一周其重点是甲方思维思考设计，对，就是那个烦人的甲方爸爸，需要学习换位思考。

整个第一阶段的学习内容都是非常基础的，目的是培养设计思维，正所谓懂用户所想，还不能设计出好产品？

第七周：响应式网站、一屏式网站

从案例来讲述网页设计的构成、颜色、字体、功能、按钮以及设计规范、排版规范。

第八周：后台数据

除了后台设计，更多的是后台的数据统计处理，如何做到简单化、明了化。

第九周：电商设计

电商平台首页设计，每一个月各大购物平台都会有全站式的活动，活动主题都不一样，所以其实电商设计的人才缺口是非常大的。

第十周：淘宝平台详情页、后台

这一部分是可以自己去申请淘宝店、上架产品，任何学习都没有直接上手来得快。实操实练，自己去体会各大平台的规范，才会了解得更加清楚。

第十一周:C4D、Banner

进入3D训练啦，丰富视觉效果，提高就业竞争能力，多会一门技术，就多一些可能，这也是我们要为什么不断学习提升自己的原因。

第二阶段，更多的是网页的设计训练，重点掌握企业站界面设计规范和输出规范，且能够根据企业真实需求设计页面。

第十二周：用户体验、竞品分析、原型图

本周开始设计APP，通过数据分析来做竞品分析，使用Axure来绘制APP的原型图。

第十三周：图标

有意思的图标也是完整APP设计的重要一环。

第十四周：界面、胶囊

通过标志性APP来讲弹窗页、闪动页。

第十五周：界面设计

继续完成APP，并学会切图、命名、标注、打包、交接（前端小哥哥、小姐姐打不打就看这周的学习内容了）

第十六周：运营界面

营销推广性的用户思维培养，把握用户的痛点提升整体运营界面，达到营销推广的目的。这一般都是通过突然跳出来的弹窗、闪屏等，比如促销性质的页面，增加了视觉感染力，促进了用户的点击。

第十七周：交互动效

学好AE动效会非常加分，因为它可以准确的传达出你的思路，演示你想要的表达的效果。这必将成为UI的流行趋势，不想要被市场淘汰，一定要继续学习啊！

这一个阶段，可以尝试着手设计属于自己的APP，你可以选择自己喜欢的主题，没有局限性，这可以成为零基础转行的你的作品集内容哦。

第十八周：前端

大家都知道与UI设计师密切合作的是前端，那作为一个UI设计师，只有懂了前端，这样才会合作得更好，提升工作的效率。我们可以学习HTML5，学习CSS3等。

虽然是以周划分，安排得满满当当，这样学习流程适合大多数零基础的小伙伴，每周的内容如果学习的不扎实，可以适当停留脚步，因为每个人的学习能力不同，学习掌握情况不同。一定要将知识学扎实，一步一个脚印的往前走，才能真正将UI设计知识掌握牢靠。

二、UI设计需要哪些技术

一、了解UI设计师的角色定义和价值体现，UI的含义、UI设计师的含义

学习内容：学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度，和绘画能力。

二维造型方法，二维简约图标绘制原理与技法，各种材质质感表现。

三维造型方法(物体的体积、结构、透视与光影表现)

色彩原理：色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法

二、设计软件应用：以Photoshop软件为工具，讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。

以矢量图形绘制软件Illustrator为工具，讲解标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。

字体专项设计：字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用

版式专项设计：版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。

平面项目设计：结合软件、色彩、字体及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。

三、WUI设计基础：页面设计基本流程与设计规范的概念性讲解，重点了解WEB界面设计规范;网页配色技巧、色彩与构图的概念及技巧;网页导航与字版式设计

网页设计软件应用：以Fireworks为工具介绍软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。

以Dreamweaver为工具建立站点、添加页面元素、使用CSS样式及交互行为。

以Flash为工具了解动画制做原理与技巧，典型WUI商业广告中的Flash技术与实现。

网页设计要素：学习web网站设计基本要素，网站图标、按钮、广告banner、专题页设计等元素的具体设计方法

Web标准化布局：(X)HTML/HTML5语言：HTML语法与常用标签的详解，包括布局标签，表格标签，表单标签等。

CSS/CSS3层叠样式表：CSS语法与常用属性的详解，使用CSS对网站中各个模块进行修饰美化。

WUI项目实战设计：以企业网站、电商网站及专题网页做实战项目设计，经过全流程设计，达到网页界面设计要求

四、UE交互设计

1. 手机主题、界面与图标设计;

2. 拟物化与扁平化设计;

3. 系统性学习苹果IOS设计规范;

4. 系统性学习Android设计规范。

图标设计：图标设计要素与技法，图标设计中的色彩应用，图标创意思想与方法，2D图标设计方法，3D立体图标设计方法，图标在界面中的设计应用。

移动UI界面设计：手机APP的用户使用场景，手机界面的布局与结构，手机界面中的视觉语言与控件详解，手机交互中的手势操作，APP产品的核心设计：导引设计，手机APP的色彩与情感化设计，手机APP整体视觉情感的提炼与传达，移动APP项目设计iphone端APP实际项目实战。

三、UI设计作品的评判标准有哪些

一套完整的UI设计其实是比较复杂的，从需求分析到市场定位，从草稿到拟方案，从创意元素的组合到想法沉淀，从设计规范到突破传统，从纸上到电脑上，从个人到团队，或者从团队到个人，从素材收集到素材处理，从0思路到偶然，等等，其实设计一个东西真的真的会碰到太多太多的问题，这么复杂的过程，做出来的东西，其实别人看到的都只是“表面”，设计者也不会将自己内心真正的东西暴露出来，因此大多数人不能完完全全理解一个作品真正想要表达的东西，所以，不要把一个作品的好坏完全依赖于别人的评价，也不要依赖于自我评价。当然，好坏还是有一些基本前提的，有了这些前提，作品是好还是坏，萝卜各有所爱罢了。

如果没有一些前提，只是个半吊子而已了，就算自己怎么再说自己的风格，其实在别人眼里是一个小小的笑话，有点倔强的逃避而已。

下面就说下一些个人认为的小标准，这些都是自己概括的，不是什么专家理论或者网络理论，慎重参考哦，我归纳了8点：

1.色彩舒适度

一个第一眼看上去就杂七杂八色彩，或者完全没有主次之分的简洁，或者看上去就没有视觉舒适度的饱和度或者明暗度不搭调的色彩，我想它已经没法继续长久看下去了。因为人第一眼看到的，就是一个事物的颜色，才是形状。

2.文字的主次

任何设计作品都要传达信息传达思想，如果一套设计中字体乱啪啪，文字大小和文字粗细，间距行距都没有一个“主次逻辑”，我很难挖掘到自己想要的信息，不论设计是酷炫复杂的还是简洁清爽的，光能展现信息时远远不够的，信息文字的每一个细节，都决定了一个设计要传达的思想主次，记住，你是要引导别人去看，而不是别人引导你去设计。这世上没有一个真正定死的文字标准，但是最基本的，至少让别人看清你的文字是写的什么吧，所以，文字之间的不同色彩，也是能让文字主次突出的方面

3.信息可读性

有了文字基础，处理好每个模块的布局，色块，插图，背景等方面，会让你的信息有较强的可读性。别跟着你的爱好走：我喜欢酷炫，我喜欢简洁，我喜欢优雅，我喜欢二货。把设计作品中你最想传达的信息传达出去，就算某些信息被别人忽略了，你依然是成功的。如果用户连看都不想看，连最基本的信息都没法传达，那作品的任何风格，都只是口头吹嘘。你要定好你的目标用户，你想吃遍全中国乃至全世界，全行业?除非，没有除非了。

4.UI识别性

这一点在图标上味道非常浓，不论你设计的是扁平化还是拟物化还是梵高风格，不一定要3秒看出图标的意思，也要让人欣赏这个图标美感的同时，大概“心里知道”，这个图标要传达个什么。一个网站banner的设计，一个页面的导航设计，都要考虑到识别性，你想传达这个图像的什么内涵?你这个图形的意图是什么?都是设计者需要考虑的。

5.交互性与易用性

上面的工作都做得差不多了，剩下的就是使用了。不论是手机主题还是网站设计还是APP还是游戏，要让别人快速上手，能玩，能用，甚至用的简单，玩的简单，就算你采用银河系都没有的酷炫交互，或者采用地球上已经濒临灭绝的土逼设计，达到方便使用的优良品质，你的作品再牛逼到没法看，也有牛逼的地方能看。

6.思想，生活的传达

作品是什么样，一般能从另一个层面看出一些设计师对生活对工作对感情的态度和状态，所以别小看一个作品的力量，它可能就是传达你自己真实内心的一个媒介，可能你并未发现，但是旁观者已经发现你了。

所以说，融入生活得设计是比较难的，同时，也是最容易的，你是否把你最粗心最让人厌倦的一面暴露到设计作品中?是否把你最细致入微最耐人寻味的一面传达到用户心里?一张图就可以看出(当然这不代表全部啊，某些设计师的作品看几天你也看不出他是什么人过着什么生活的)

7.微小的细节和微小的创意

别说这个东西就是你创造的，因为上帝比你创造的还早。UI设计中一根线，一像素，色彩饱和度的细微差别，一个小渐变，一个字体的选择，画布的大小，用笔的粗细，这些小细节，虽然不是人人都能说得出，但是能第一眼“看在心里，感觉到骨子里”，所以就算不说，细节也是能让任何人第一时间感觉到的，别忽视每一个小细节，它说不定就是你成功的堡垒，也是一有机会就让你失败的利箭。

细节中，你就能诞生一些微小的创意，小创意创造大创意，没有细节，何谈创意?那就只是纸上谈兵，口说无凭。

8.生活中表现手法的引用

一个简单的视差，一个简单的坠落，一个简单的玻璃破碎，一个简单的树叶飘落，一张纸简单的角度摆设，一盆植物简单的远近拍摄，这些东西，都能创造你无穷的表现手法，当然，这也是比较难的，能将生活融入设计，是需要积攒的，不是一两天能体会到的。

如果还想要更多的概括，那么。。额，那么暂时没有了，因为我现在的水平只能感觉到这么多，还无法感知到更多，说不定以后可以感知更多，哈哈。

总结：别开口闭口评价一个设计作品的好坏，作品本不分好坏，它是每个真实的设计师的心声，萝卜各有所爱。一些基础的小标准可以看出这个设计者把这个作品设计得“是好还是坏”。连一些基础标准都没用心去达到的，或许，也没必要去评价那个UI设计作品了。因为那个作品，并没有想要别人去评价它好坏的意图。何必呢?

四、ui设计基础全套视频教程

学设计不如学【视频剪辑】。理由很简单，容易学（不像其它行业学习成本高，难度大），适合短期3-4个月短期学习，而且行业缺口非常大，无论是找工作还是自己在家里接私单，月收入轻松过万，两三万也是稀松平常。【点击进入】免费“短视频剪辑后期”学习网址：

www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-366204628309163652

因为现在【短视频】的崛起，任何企业，任何工作室或者个人都需要制作剪辑大量的短视频来包装品牌，发抖音，发朋友圈，发淘宝等自媒体渠道做展示。因为每天都要更新并发布新内容，所以剪辑师根本招不够，，供需失衡就造成了剪辑师高薪水。

而且剪辑这个技术并不需要高超的电脑技术，也不需要美术音乐造诣，基本都是固定套路，要什么风格的片要什么节奏，经过三四个月的培训都可以轻松掌握。但凡有点电脑基础会用鼠标拖拽，会点击图标，会保存除非自己不想学，没有学不会的。但是要学好学精，就一定要找专业负责的培训机构了，推荐这个领域的老大——【王氏教育】

在“短视频剪辑/短视频运营/视频特效”处理这块，【王氏教育】是国内的老大，每个城市都是总部直营校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合0基础的学生。王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】： www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-366204628309163652

大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载： www.huixueba.com.cn/Scripts/download.html

以上就是关于APPUI设计规范相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服QQ: 1454722008（同微信）进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

营销管理在哪个电子书app可以看(营销管理在哪个电子书app可以看)

papitube抖音代运营怎么样？papitube抖音代运营可行吗？

app拉新推广一手接单平台（app推广拉新一手渠道）

外卖品牌怎么制定策划(外卖品牌怎么制定策划方案)

奥灵柯抖音代运营是怎么收费的，奥灵柯收费模式