Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
把握UI设计趋势
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
cssrain
July 14, 2014
Technology
110
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
把握UI设计趋势
cssrain
July 14, 2014
More Decks by cssrain
See All by cssrain
UED工作流程分享和交流
cssrain
1
510
解读HTML
cssrain
0
180
解读HTML5
cssrain
2
200
基础CSS(1)
cssrain
0
180
基础CSS(2)
cssrain
0
140
高效的CSS
cssrain
0
190
高级CSS—继承
cssrain
0
160
PhoneGap分享和交流
cssrain
0
130
PhoneGap实践
cssrain
0
94
Other Decks in Technology
See All in Technology
本番に近いテストをもっと手軽に - Postmanで広がるAPIテストの世界 / Expanding the World of API Testing with Postman
yokawasa
1
240
DGX Sparkを2台使って いろいろ動かす話
sonoda_mj
1
120
Amazon S3 Tablesに全部任せてみた結果——コンパクション/スナップショット管理は本当に手放せるか
shigeruoda
0
330
DMMブックスのNext.js化を加速させるAI活用 / Migrating DMM Books to Next.js with AI
kentarom
1
330
【視聴者参加型!】AWSセキュリティアンチパターンクイズ
syoshie
0
270
『止めない』を設計する — 制約の中で、事業の根幹を支える判断
hiroyaterui
0
160
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
jnishime_dresscode
2
1.2k
GuardDuty 検知対応を DevOps Agent で効率化しようとしている話 / GuardDuty Investigations with DevOps Agent
masahirokawahara
1
280
Nav2、Nav3 ... はたまた自作?〜 作って理解する Nav3 の設計意図 〜 / Nav2, Nav3 ... or Build Your Own? — Understanding Nav3's design intent by building it from scratch
yanzm
0
200
【試作】IoT x AIエージェント
happysamurai294
0
100
PM領域でのAI Agentの活用
lycorptech_jp
PRO
0
260
スクラムで身についていた動き方を、XPで捉え直してみた
codmoninc
1
190
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
We Have a Design System, Now What?
morganepeng
55
8.3k
What's in a price? How to price your products and services
michaelherold
247
13k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
400
Agile that works and the tools we love
rasmusluckow
331
22k
Documentation Writing (for coders)
carmenintech
77
5.5k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
510
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
290
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
Transcript
UI设计小组分享 1 Go 烹饪高端视觉盛宴 ——把握UI设计趋势 UI设计小组分享① By: Li Yali 2014/04
Q: 现今UI的 设计趋势 是什么? 什么是In? 什么是Out? 啥?我的设计过气啦?? 为啥 有些网站简简单单, 可就那么顺眼呢?
看看这些设计,你有什么感受?
None
None
None
Boring… & Out! Not bad,but… 拟物 仿真 高光 阴影 纹理
现在的网站都有一种趋势: 过度 修饰 极简 No Yes
None
None
None
None
去 除 干 扰 让 信 息 自 身 说
话
引领设计趋势的网页作品 那些高大上的设计…
Themes Kingdom http://www.themeskingdom.com
None
MOVING THINGS DESIGN http://wearemovingthings.com
None
THE SECRET HANDSHAKE http://learnthesecrethandshake.com
None
STEREO CREATIVE http://stereocreative.com
None
Nearly Impossible http://stereocreative.com
None
ADAM RUDZKI http://adamrudzki.com
None
TEAMGEEK http://www.teamgeek.co.za
None
响应式 极简 配色 垂直 滚动 复古 配色 基于 网格 扁平化
巨大 色块 黑白 配色 长阴影 大视野 视图 大字体 大量 纯色
拟物设计并非完全出局 拟物化与扁平化各有优点,将来更倾向于两者相结合。 友情提示 扁平化 ≠ 界面被设计成扁的平的 扁平化是一种让设计者在界面设计过程中减少信息层级的内在设计思想。
* 多边形风格设计
2014年移动界面设计新趋势?
唯一主色调 Simple color schemes
多彩色 Hypercolour
数据可视化 Data Visualization
卡片化 Cards
内容为王 Content First
圆形的运用 Circle Design
大视野背景图 Bigger Vision image background
磨砂玻璃效果 Frosted surface
链接汇总,供君参考 http://www.themeskingdom.com/ http://wearemovingthings.com/ http://learnthesecrethandshake.com/ http://stereocreative.com/ http://www.teamgeek.co.za/#awards http://adamrudzki.com/ http://nearlyimpossible.org/ http://yosoygil.com/ http://letters-inc.jp/
李雅丽 UI Designer @UED Team * 演讲中所引用的素材来自网络