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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
190
解读HTML5
cssrain
2
200
基础CSS(1)
cssrain
0
190
基础CSS(2)
cssrain
0
140
高效的CSS
cssrain
0
200
高级CSS—继承
cssrain
0
160
PhoneGap分享和交流
cssrain
0
140
PhoneGap实践
cssrain
0
94
Other Decks in Technology
See All in Technology
ペアプロの価値はコードを書くことだけじゃない
codmoninc
PRO
0
160
2026/09/10 Spring Bootから Jakarta EE/MicroProfileへの移行
megascus
0
300
GoCon2026 - Open Source, Open World
sanposhiho
3
3.1k
コスト最適化の「めんどくさい」を AWS FinOps Agent でチョット楽にする
classmethod_kaz
0
300
ASTを使って影響範囲を特定する
nealle
0
140
AIで開発は速くなったのに、なぜ現場は楽にならないのか 〜あなたの組織のボトルネックを突き止めるワークショップ〜
jacopen
1
310
作り直せるコードは迅速に 作り直せないDBは慎重に - AI時代のプロダクトエンジニアが「判断の不可逆性」で開発速度を変える話
kinosuke01
0
300
家のリアーキテクト・リファクタリング
suguruooki
0
100
アプリをもっと"iOSアプリっぽく"する小さな工夫 / Small Touches That Make Your App Feel More Like an iOS App
matsuji
1
460
薬剤師(ドメインエキスパート)と一緒に育てる薬局向けAIアシスタント
kakehashi
PRO
2
140
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
lycorptech_jp
PRO
1
260
Where Is JetBrains AI Heading- — Central CLI, Air Alpha, and the Agentic Development Stack
x5gtrn
PRO
0
150
Featured
See All Featured
Deep Space Network (abreviated)
tonyrice
0
300
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
590
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
340
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
Un-Boring Meetings
codingconduct
0
410
How to Talk to Developers About Accessibility
jct
2
540
Amusing Abliteration
ianozsvald
1
290
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
190
GitHub's CSS Performance
jonrohan
1033
470k
Prompt Engineering for Job Search
mfonobong
0
450
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 * 演讲中所引用的素材来自网络