Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
把握UI设计趋势
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
cssrain
July 14, 2014
Technology
130
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
把握UI设计趋势
cssrain
July 14, 2014
Transcript
42 slides
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 * 演讲中所引用的素材来自网络
More Decks by cssrain
See All by cssrain
UED工作流程分享和交流
cssrain
1
560
解读HTML
cssrain
0
240
解读HTML5
cssrain
2
240
基础CSS(1)
cssrain
0
240
基础CSS(2)
cssrain
0
180
高效的CSS
cssrain
0
230
高级CSS—继承
cssrain
0
200
PhoneGap分享和交流
cssrain
0
180
PhoneGap实践
cssrain
0
130
Other Decks in Technology
See All in Technology
Biohub - Cell Tracking During Development 5th place solution
rist
0
150
大江戸Ruby会議でデータベース クライアントの話をするのは 間違っているだろうか
yahonda
1
120
Kiro Crew 入門 (手を離しても進む仕事) | 目指せ Kiro マスター 11
inariku
PRO
4
740
田んぼの見回りをIoTで減らしたい!水位監視から電池駆動カメラまでの試行錯誤
itosoft
1
170
20261113_JAWS_Osaka
takuyay0ne
0
360
Kiro Web 入門 (サインインから、頼み方、PR の受け取り、クラウドの決まりまで) | 目指せ Kiro マスター 04
inariku
PRO
2
110
ぼくのClaude Codeの使い方
falken
PRO
4
6.6k
会社説明資料_最新版
demaecan
0
32k
アラートを見直していたら営業組織への理解にちょっとだけ繋がった話
z63d
1
190
GCASアップデート(202607-202610)
techniczna
1
330
Kiro を使うコツ (頼み方、覚えさせ方、任せ方) | 目指せ Kiro マスター 09
inariku
PRO
3
150
Kiro Crew の Bot (続く役目を任せる窓口) | 目指せ Kiro マスター 12
inariku
PRO
2
380
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
530
Music & Morning Musume
bryan
48
7.5k
The Cult of Friendly URLs
andyhume
79
7.1k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.9k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
330
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
1k
Chasing Engaging Ingredients in Design
codingconduct
0
390
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k