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
93
把握UI设计趋势
cssrain
July 14, 2014
Tweet
Share
More Decks by cssrain
See All by cssrain
UED工作流程分享和交流
cssrain
1
410
解读HTML
cssrain
0
120
解读HTML5
cssrain
2
150
基础CSS(1)
cssrain
0
130
基础CSS(2)
cssrain
0
95
高效的CSS
cssrain
0
150
高级CSS—继承
cssrain
0
110
PhoneGap分享和交流
cssrain
0
84
PhoneGap实践
cssrain
0
64
Other Decks in Technology
See All in Technology
公開初日に個人環境で試した Gemini CLI 体験記など / Gemini CLI実験レポート
you
PRO
3
320
(HackFes)米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
5
660
怖くない!GritQLでBiomeプラグインを作ろうよ
pal4de
1
120
ML Pipelineの開発と運用を OpenTelemetryで繋ぐ @ OpenTelemetry Meetup 2025-07
getty708
0
240
MCP とマネージド PaaS で実現する大規模 AI アプリケーションの高速開発
nahokoxxx
1
1.4k
Recoil脱却の現状と挑戦
kirik
2
340
AI時代にも変わらぬ価値を発揮したい: インフラ・クラウドを切り口にユーザー価値と非機能要件に向き合ってエンジニアとしての地力を培う
netmarkjp
0
220
AI駆動開発 with MixLeap Study【大阪支部 #3】
lycorptech_jp
PRO
0
200
P2P ではじめる WebRTC のつまづきどころ
tnoho
1
210
QuickBooks®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
qbsupportinfo
0
110
少人数でも回る! DevinとPlaybookで支える運用改善
ishikawa_pro
1
220
Jitera Company Deck / JP
jitera
0
140
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Art, The Web, and Tiny UX
lynnandtonic
301
21k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Designing for humans not robots
tammielis
253
25k
A Modern Web Designer's Workflow
chriscoyier
695
190k
How STYLIGHT went responsive
nonsquared
100
5.6k
Statistics for Hackers
jakevdp
799
220k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Balancing Empowerment & Direction
lara
1
490
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 * 演讲中所引用的素材来自网络