当前位置:设计先锋 > 设计教程

UI设计教程之新手如何自学UI设计?

二.数据可视化

用直观的饼图,扇形图,折线型,柱状图等丰富的表现方式

优点:可以在更小的屏幕空间内更立体的展示内容

典型例子:天气通

设计先锋网_0313306029-4.jpg

三.卡片式

使用卡片样式

优点:保证了卡片和卡片之间的独立性,又保证了服务和服务的统一化设计。

百度外卖这两个页面用的是卡片式

设计先锋网_0313304134-5.jpg

四. 内容为王

真正有价值的app,一定是内容取胜。

新浪利用字体排版,尽可能的内容前置,弱化图标和操作让用户集中注意力于内容阅读上。

优点:让用户聚集于内容上

典型例子:滴滴试驾里面的车品电商页面

设计先锋网_0313301204-6.jpg

五. 大视野背景图

用通栏的图片作为背景

优点:提升视觉表现力度,又丰富了App情感化元素,这种设计方法,对字体和排版设计要求更高,难度也多,但极容易渲染气氛。

典型例子:airbnb

设计先锋网_0313302421-7.jpg

工具:ps、sketch、Illustrator等等

推荐书籍

设计先锋网_0313304437-8.jpg


标签:ui干货

分享到

网站首页|电脑版|返回顶部