- Photoshop CC 移動UI設計案例教程(全彩慕課版)
- 胡金黎 朱海燕
- 609字
- 2020-06-12 16:11:28
1.1.3 移動UI設計的特點
移動端界面的設計特點可以總結為設計極簡、交互豐富及設計適配3個方面。
1. 設計極簡
隨著全面屏手機的發行,移動設備的屏幕較之前在尺寸上有了較大的提升,但相對于PC和筆記本電腦而言還是較小。因此,要在有限的空間中進行元素的設計不宜太過復雜,不然不利于信息的傳遞。縱觀移動UI的設計發展,設計風格也是從擬物化向扁平化發展,甚至為了更好地進行信息展示,iOS11之后的界面都是圍繞著“大而粗、簡而美”的設計風格進行設計的,如圖1-4所示。

圖1-4 美國設計師Johny vino創作的界面
2. 交互豐富
2007年1月,喬布斯在舊金山發布了第一代iPhone,開啟了移動設備的智能化。智能化的移動設備較之前的傳統手機擁有更加友好的用戶體驗,這源于它的多點觸摸屏和傳感器。由此造就了手勢交互、語音交互、重力感應交互等一系列更加豐富的交互方式,如圖1-5所示。因此,設計師在進行移動界面設計時還應充分考慮到這些人機交互的形式,提升用戶參與產品使用的積極性,同時還要注意交互過程的簡潔,方便用戶順利達成目標。

圖1-5 通過點擊、滑動等手勢完成目標
3. 設計適配
由于現有的智能手機、平板電腦型號呈現多樣化,設計師進行設計時,應充分考慮文字、圖標、圖像甚至是界面布局等適配的問題。就移動應用來說,設計師通常會選用一款常用的、方便適配的屏幕尺寸進行設計,而后不必再大規模對其他尺寸屏幕的界面進行重新布局,只需針對不同屏幕尺寸進行切圖輸出,然后再交由技術端進行適配即可,如圖1-6所示。

圖1-6 不同的屏幕尺寸
推薦閱讀
- 持續演進的Cloud Native:云原生架構下微服務最佳實踐
- Excel商務數據分析與應用(慕課版)
- Moldflow模流分析與工程應用
- 中文版3ds Max 2021完全自學教程
- BackTrack 5 Wireless Penetration Testing Beginner's Guide
- NetSuite OneWorld Implementation 2011 R2
- AutoCAD 2016中文版基礎教程(全圖解視頻版)
- Maya 2020 超級學習手冊
- UG NX12中文版實用教程
- 企業微信公眾平臺開發實戰:再小的個體也有自己的品牌
- Joomla! 1.6 First Look
- Plone 3 Theming
- Moodle 1.9 Math
- Adobe創意大學視頻編輯師 After Effects CS5 + Premiere Pro CS5 標準實訓教材
- Photoshop淘寶網店設計與裝修完全實例教程