移动端UI图标设计及规范视频课程

 想要成为一个合格的APP开发UI设计师那就要跟紧移动时代的脚步,了解每一个UI设计师必须学习的基本技巧才可以。本次课程主要介绍移动端UI设计,包含扁平化设计,扁平化长阴影设计,折叠,折纸设计,拟物化设计

1126人学习

中级10课时2016/12/21更新

二维码下载学堂APP缓存视频离线看

范起瑞
    • 畅销套餐
    • 精选套餐
    • 人气套餐
    • 尊享套餐
    • 高薪套餐
UI设计实战系列视频课程套餐(PS+UI+图形工具)
UI设计师专业知识标准视频课程
2463人学习
¥23.00
Photoshop 实例制作实战视频课程
3306人学习
¥17.00
PS实战中级(绘制图标+手机APP实战+网页导购栏)视频课程
1958人学习
¥29.00
更 多 3 门 课 程
神奇的Photoshop图像设计
ps商业项目基础视频课程
276人学习
¥12.00
PS艺术字体设计实战视频课程(牛奶字体+土巴兔字体)
744人学习
¥28.00
PS实例中级视频课程(图标设计+收藏夹+批处理)
1533人学习
¥29.00
更 多 4 门 课 程
【孙伟】UI设计第一阶段Adobe软件三剑客全套面授教学视频
【通用版】实用Photoshop cc学习标准视频教程
305437人学习
¥39.00
【通用版】adobe/ai/CC从基础开始/案例教学授课illustrator软件应用
3876人学习
¥49.00
【UID课堂】平面设计基础-排版必备indesign视频教程
100571人学习
¥9.00
更 多 4 门 课 程
【孙伟老师】APP项目全案设计/需求/竞品/原型教程
【设计课堂】APP项目流程(项目需求分析-竞品-产品原型-界面设计)视频教程
332498人学习
¥59.00
【UID课堂】APP项目UI设计基础-工具图标(非临摹)设计流程与规范视频教程
807人学习
¥19.00
【UID课堂】套路的设计-UI启动图标设计思路与技巧视频教程
2251人学习
¥19.00
更 多 5 门 课 程
【孙伟老师】APP项目全案设计/需求/竞品/原型教程
【设计课堂】APP项目流程(项目需求分析-竞品-产品原型-界面设计)视频教程
332498人学习
¥59.00
【UID课堂】APP项目UI设计基础-工具图标(非临摹)设计流程与规范视频教程
807人学习
¥19.00
【UID课堂】套路的设计-UI启动图标设计思路与技巧视频教程
2251人学习
¥19.00
更 多 5 门 课 程
  • 课程介绍
  • 课程大纲

适合人群:

设计爱好者 设计从业人员 大学生 初学者

你将会学到:

 想要成为一个合格的APP开发UI设计师那就要跟紧移动时代的脚步,了解每一个UI设计师必须学习的基本技巧才可以。本次课程主要介绍移动端UI设计,包含扁平化设计,扁平化长阴影设计,折叠,折纸设计,拟物化设计

课程简介:

对于一个UI设计师来说光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成:位置服务(wifi,GPS等),蓝牙(低功耗蓝牙技术),信号,前后摄像 头,麦克风,陀螺仪,位置传感器,加速度传感器,指纹扫描仪(iPhone 5s),眼动追踪技术,语音识别,人脸识别,等等等等。每一个新技术的背后以为着应用程序更多的可能性,交互设计、使用体验,甚至商业模式。

  

  第一:发掘本地UI组件的开发潜质

  

  每个移动操作系统中中总有着大量的本地UI组件,他们有着极大的自由度,方便你进行定制。你需求确切地知道他们的特征(尺寸,大小,功用),你可以为与你合作的研发者节省大量的工作时间。

  

  第二:了解移动端的工作流程

  

  安装SDK并运行,了解移动开发框架,比如TubyMotion、Xamarin、Titanium。熟悉集成开发环境,因为这其中包含了移动开发所需的方方面面。

  

  第三:了解移动端的界面模式

  

  三大移动平台之间,有着相似之处,但是在深入探究他们的交互设计,会发现它们在理念上的巨大差异。作为一个设计师,你需要明白这些差异所在,以及它们是如何体现在实际案例中的。

  

  不要只着眼于单一平台,三大平台都需要深入体验,每天至少都要把玩一下,并且最少要持续半年。在这个过程中,体会差异,并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝,你是做不好移动端UI设计师的。

  


展开更多

课程大纲-移动端UI图标设计及规范视频课程

  • 1

    扁平化设计折纸风格UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。每位设计师所处的阶段所关注的要点是不一样的,我把图标设计分为2个阶段–初阶与高阶,这样分是为了有步骤性的学习和进阶的加强,当然,能人的话一步到位,对于新人来讲会较难,需要实际工作中辅导与自己经验总结。我不会华丽高大尚的语言,但是我可以分享一些实实在在的基础方法,也是这几年会给带的学生反复必讲的入门辅导,有自己成熟方法表达的设计师可忽略这里,这里先说初阶的设计关键要点。

    「仅限付费用户」点击下载“演示案例.zip”

    [21:54]
  • 2

    制作设置折纸风格图标本节我们来学习设计折纸风格图标,效果形象逼真,非常有个性,非常好看,喜欢的朋友一起来吧!制作过程不难,效果非常漂亮的折纸风格图标,通过本案例学习,明白折风格的制作方法,难点是折角形状的制作和图层样式的控制

    「仅限付费用户」点击下载“作业1.zip”

    [41:25]
  • 3

    制作爱心折纸风格图标折纸风格的图标具有强烈的质感和艺术效果,该图标是一只爱心的图标,颜色的阴明变化塑造了分明的层次感。

    「仅限付费用户」点击下载“作业2.zip”

    [11:24]
  • 4

    制作创意图标商标标志释义,即商标设计说明或设计意念,是设计者对其设计的图稿作文字的解释。我们常说,好的设计必须要有好的说明,尤其对“浓缩”的设计艺术——商标标志来说,其“说明”显得更重要。好的说明,不但要准确无误、言简意赅地反映设计者和其作品的意图和含意,且要文笔流畅,语词生辉,凭借短短的数十字或数百字的介绍,使客户和读者很快认识标徽并产生共鸣,因而词汇在释文中却有着举足轻重的作用。

    「仅限付费用户」点击下载“Desktop.zip”

    [09:32]
  • 5

    扁平化APP图标设计1做UI和网页设计,基本上的风格都是扁平化后,当然APP图标也不例外。下面和大家分享30个简约的扁平化风格APP图标,这些图标看似简单实际上没那么容易操作。希望下面这组图标能给你带来更多的创作灵感,enjoy!

    「仅限付费用户」点击下载“演示案例.zip”

    [17:53]
  • 6

    扁平化APP图标设计2我想之前大家也看过很多扁平化设计的网页、APP界面、图标等作品,但是大部分采用的是单色,而今天设计达人网整理的3套图标却不一样,色彩丰富,还带有立体感,这些图标都都依照扁平化设计理念,无渐变、变阴影,直接使用纯色来设计。

    「仅限付费用户」点击下载“实例素材.zip”

    [28:25]
  • 7

    扁平化APP图标设计3扁平化的设计,尤其是手机的系统直接体现在:更少的按钮和选项,这样使得UI界面变得更加干净整齐,使用起来格外简洁,从而带给用户更加良好的操作体验。因为可以更加简单直接地将信息和事物的工作方式展示出来,所以可以有效减少认知障碍的产生。

    「仅限付费用户」点击下载“作业.zip”

    [10:11]
  • 8

    扁平化设计拟物化风格1拟物化设计 skeuomorphism   代表作品:iOS7.0以下,Android、以及iOS7.0以下时代的大部分app   特点:       a 界面:模拟真实物体的材质、质感、细节、光亮等       b 交互:人机交互也拟物化,模拟现实中的交互方式。   好处:学习成本低,一学就会。而且传达了丰富的人性化的感情。所以家居类物品适合拟物化设计。   坏处:拟物化本身就是个约束,会限制功能本身的设计。

    「仅限付费用户」点击下载“结构.zip”

    [10:17]
  • 9

    扁平化设计拟物化风格2拟物设计(Skeuomorph)是一种产品设计的元素或风格,指原有物件中某些必需的形式在新的设计中已不再必要,但新设计仍模仿旧有形式,以使新的外观让人感觉熟悉和亲切。这可以看作是技术领域中的路径依赖。

    「仅限付费用户」点击下载“上色.zip”

    [05:39]
  • 10

    扁平化设计拟物化风格3扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。

    「仅限付费用户」点击下载“成品.zip”

    [27:59]
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部