美文网首页
13.APP图形化设计

13.APP图形化设计

作者: 周娟設計師 | 来源:发表于2017-11-28 00:23 被阅读115次

一、iPhone界面尺寸

ppi是指密度 iPhone图标尺寸

二、APP组成

1.引导页(walkthroughs)

2.闪屏(launch screen)

1)动态闪屏

2)品牌闪屏

3)广告闪屏

4)事件闪屏

5)节日闪屏

闪屏种类 动态闪屏 品牌闪屏 广告闪屏 事件闪屏 节日闪屏

3.FEED流

什么是Feed流,顾名思义,Feed是喂养的意思,你想吃什么,就喂给你什么,典型的例子就是微博、知乎的首页,以及各个聚合类资讯app的订阅号。这些信息的共同点就是给你喂你想看的,而不是将所有的东西全部给你,不管你需要还是不需要,感兴趣还是感兴趣。

4.导航(navigations)

导航

5.注册(signups)

6.上传用图(itunes screenshots)

7.等待画面(loading)

8.设置(setting)

设置页面直接沿用模版就行,1、因为运行速度快 2、用户用时也不会被界面吸引而怎样

三、闪屏、图标、注册页面

1、图标

1)MBE

2)扁平

3)线性

4)微渐变

2、点线面

作为界面设计的区分,线条的作用是区分内容。区分的度微 留白<线<面<按钮

面区分内容

3、颜色

4、图形的运用

1)线性图标

2)扁平图标

3)标签栏图标设计

4)内容区图标设计

5)导航条图标设计

6)新功能简介图形

7)闪屏图标设计

8)空白界面设

9)APP图标设计


5、优秀案例推荐

闪屏图:

http://www.mobile-patterns.com/

https://www.pttrns.com/

手绘师兄师姐:

http://gggandi.zcool.com.cn/甘地xi

http://yangyisha.zcool.com.cn/ISA杨伊莎

http://www.zcool.com.cn/u/1779817刘树文

2.5D

http://jianghu.zcool.com.cn/江湖哥

http://sunsun.zcool.com.cn/冯珊珊

http://www.zcool.com.cn/u/14285788韩晓乾

http://www.zcool.com.cn/u/15427515某佩文

三、脑图

四作业

四、作业

作业

相关文章

  • 13.APP图形化设计

    一、iPhone界面尺寸 二、APP组成 1.引导页(walkthroughs) 2.闪屏(launch scre...

  • UI界面创意图标如何设计

    图标是图形化用户界面设计中的重要元素之一,也是图形化用户界面设计中最直接、最生动的视觉形态,有着优秀图形化用户界设...

  • 汉字图形化设计技法!

    文/李刚 李唯羽汉字的图形化设计是字体设计的一个重要组成部分,对于汉字图形化的设计可以迅速建立信息与受众之间的联系...

  • 汉字图形化设计技法!形与意的表现

    文/李刚 李唯羽汉字的图形化设计是字体设计的一个重要组成部分,对于汉字图形化的设计可以迅速建立信息与受众之间的联系...

  • UI图标设计原则!你造吗?

    文/张振中 图标是图形化用户界面设计中的重要元素之一,也是图形化用户界面设计中最直接、最生动的视觉形态,有着优秀图...

  • 图形化编程《循环:迈步动画》教学设计

    图形化编程《循环:迈步动画》教学设计 教学内容:图形化编程《循环:迈步动画》 教学目标: 理解程序的循环结构; 使...

  • 2021-10-09

    图形化编程《循环:迈步动画》教学设计 教学内容:图形化编程《循环:迈步动画》 教学目标: 理解程序的循环结构; 使...

  • (八)图形化界面设计

    1、图形化界面设计的基本理解当前流行的计算机桌面应用程序大多数为图形化用户界面(Graphic User Inte...

  • (8 Android) 用户界面UI设计

    (8 Android) 用户界面UI设计 3.1.1 Android界面视图类 Android 图形化的用户界面(...

  • Adobe Experience Design CC 2018

    Adobe Experience Design CC 2018 for Mac是一款优秀的图形化界面UX设计工具,...

网友评论

      本文标题:13.APP图形化设计

      本文链接:https://www.haomeiwen.com/subject/lrujbxtx.html