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
cssrain
July 14, 2014
Technology
1
97
把握UI设计趋势
cssrain
July 14, 2014
Tweet
Share
More Decks by cssrain
See All by cssrain
UED工作流程分享和交流
cssrain
1
430
解读HTML
cssrain
0
130
解读HTML5
cssrain
2
150
基础CSS(1)
cssrain
0
140
基础CSS(2)
cssrain
0
96
高效的CSS
cssrain
0
150
高级CSS—继承
cssrain
0
110
PhoneGap分享和交流
cssrain
0
86
PhoneGap实践
cssrain
0
67
Other Decks in Technology
See All in Technology
今から間に合う re:Invent 準備グッズと現地の地図、その他ラスベガスを周る際の Tips/reinvent-preparation-guide
emiki
1
190
データとAIで明らかになる、私たちの課題 ~Snowflake MCP,Salesforce MCPに触れて~ / Data and AI Insights
kaonavi
0
210
入院医療費算定業務をAIで支援する:包括医療費支払い制度とDPCコーディング (公開版)
hagino3000
0
130
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
6
1.6k
JAWS UG AI/ML #32 Amazon BedrockモデルのライフサイクルとEOL対応/How Amazon Bedrock Model Lifecycle Works
quiver
1
480
DSPy入門
tomehirata
6
810
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
4
2.4k
Retrospectiveを振り返ろう
nakasho
0
140
20251102 WordCamp Kansai 2025
chiilog
0
290
AWS re:Invent 2025事前勉強会資料 / AWS re:Invent 2025 pre study meetup
kinunori
0
930
設計に疎いエンジニアでも始めやすいアーキテクチャドキュメント
phaya72
20
14k
AIがコードを書いてくれるなら、新米エンジニアは何をする? / komekaigi2025
nkzn
23
16k
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
The Cult of Friendly URLs
andyhume
79
6.6k
Designing for humans not robots
tammielis
254
26k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Stop Working from a Prison Cell
hatefulcrawdad
272
21k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Become a Pro
speakerdeck
PRO
29
5.6k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.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 * 演讲中所引用的素材来自网络