- Photoshop CC移動UI設(shè)計案例教程(全彩慕課版·第2版)
- 劉軍偉 孫楊高 邢亞男主編
- 548字
- 2024-10-24 16:01:13
1.3 移動UI設(shè)計的特點
移動UI設(shè)計的特點具體可以總結(jié)為設(shè)計極簡、交互豐富以及設(shè)計適配3個方面。
1. 設(shè)計極簡
隨著全面屏手機的發(fā)行,移動設(shè)備的屏幕較之前在尺寸上有了較大的增加,但元素的設(shè)計不宜太過復雜,否則不利于信息的傳遞。縱觀移動UI設(shè)計的發(fā)展,設(shè)計風格從擬物化向扁平化發(fā)展,甚至為了更好地進行信息展示,已有“大而粗、簡而美”發(fā)展趨勢,如圖1-6所示。

圖1-6
2. 交互豐富
2007年1月,蘋果公司發(fā)布了第一代iPhone,移動設(shè)備逐步進入智能化時代。智能化的移動設(shè)備較之前的傳統(tǒng)手機擁有更加友好的用戶體驗,這源于它的多點觸摸屏和傳感器。由此造就了手勢交互、語音交互、重力感應(yīng)交互等一系列更加豐富的交互方式,通過點擊、滑動等操作即可實現(xiàn)目標,如圖1-7所示。因此,UI設(shè)計師在進行移動UI設(shè)計時應(yīng)充分考慮人機交互的形式,提高用戶參與產(chǎn)品使用的積極性,同時還要注意交互過程的簡潔,方便用戶順利達成目標。

圖1-7
3. 設(shè)計適配
由于現(xiàn)有的智能手機、平板電腦型號多樣,UI設(shè)計師在進行設(shè)計時,應(yīng)充分考慮文字、圖標、圖像甚至界面布局等適配的問題。就移動應(yīng)用來說,UI設(shè)計師通常會選用一款常用的、方便適配的屏幕尺寸進行設(shè)計,而后不必再大規(guī)模對其他尺寸屏幕的界面進行重新布局,只需針對不同屏幕尺寸進行切圖輸出,然后交由技術(shù)人員進行適配即可,不同尺寸的屏幕如圖1-8所示。

圖1-8
推薦閱讀
- 現(xiàn)代C++編程:從入門到實踐
- Java EE框架整合開發(fā)入門到實戰(zhàn):Spring+Spring MVC+MyBatis(微課版)
- Python自動化運維快速入門
- Mastering macOS Programming
- MongoDB權(quán)威指南(第3版)
- Learning FuelPHP for Effective PHP Development
- 深入理解Elasticsearch(原書第3版)
- SQL 經(jīng)典實例
- C# Multithreaded and Parallel Programming
- Hands-On Neural Network Programming with C#
- 零基礎(chǔ)學C語言(升級版)
- 游戲設(shè)計的底層邏輯
- Getting Started with hapi.js
- Python高性能編程(第2版)
- Mastering Puppet(Second Edition)