Swift
編程
Swift51.com
首頁
社區(qū)
▼
資訊
問答
分享
建議
開源代碼
Xcode下載
Swift教程
hot
登錄
注冊
當(dāng)前位置:
首頁
> 分享
歡迎加入QQ討論群258996829
蘋果6袋
6
麥子學(xué)院
UI設(shè)計新手必看:如何塑造APP產(chǎn)品的極簡風(fēng)格
發(fā)布時間:2018-05-25 20:21 回復(fù):0 查看:2660 最后回復(fù):2018-05-25 20:21
在內(nèi)容越來越多的前提下,設(shè)計師應(yīng)該減少無用信息的干擾讓用戶可以快速聚焦的到內(nèi)容本身,這種“少即是多”設(shè)計思路就是我們常說的極簡風(fēng)格。
UI設(shè)計學(xué)習(xí)
塑造APP極簡風(fēng)格的最簡單粗暴的法則就是:
刪減與用戶任務(wù)無關(guān)的非功能性元素,只保留重要的信息,減輕用戶的認(rèn)知負(fù)荷。
那么如何去判斷一個設(shè)計元素的取舍呢?
APP ui設(shè)計師應(yīng)該問自己以下三個問題:
1、這個設(shè)計元素在當(dāng)前界面中是起什么作用的?能夠完成什么樣功能?
2、去掉以后是否會影響用戶正常操作?
3、如果影響用戶操作,可否有更簡潔的設(shè)計元素來替代?
下面就舉例來說明一下:
以 微博 APP的如圖界面所示:
微博APP界面中每條動態(tài)下面的icon能否去掉呢?
這里icon的使用主要是用于 提升信息的可讀性 ,因為相對于文本信息,具象元素可以更好的完成信息的傳達(dá)。但是這只是起到一個提升作用,即使我把icon拿走,用戶也會知道這三個是轉(zhuǎn)發(fā)、評論和點贊。
而上圖當(dāng)中 轉(zhuǎn)發(fā)、評論、贊的icon 可以去掉的嗎?
回答當(dāng)然不能,我們要 考慮不同的使用場景。不同的界面交互策略 等因素來衡量。
當(dāng)這條動態(tài)沒有任何人點贊,評論,轉(zhuǎn)發(fā)的時候,我們把icon拿走是沒有問題的。
但是一旦出現(xiàn)了互動,那么icon就完全取代了文字成為這個功能唯一的可識別性元素,后面的數(shù)目顯示的是互動強(qiáng)度。
即使我一直很推崇的“一個”應(yīng)用,它的界面設(shè)計簡單到不能再簡單,在這里還是保留了icon,所以我傾向于保留,當(dāng)然如果你有更好的方案可以交流。
如下圖所示,最好的APP案例證明:
第二種刪除是指將所有不必要的功能去掉,直到無法繼續(xù)刪減為止。
在進(jìn)行設(shè)計的過程中,經(jīng)常會想著萬一用戶需要這個功能卻找不到,所以還是留著比較好。其實這種想法是不需要的,只要這個功能對于產(chǎn)品的定位用戶而言,不是多數(shù)人所需要的就沒有存在的價值,有的時候刪除比留下更好。
這樣的情況很多。比如這樣的音樂播放器界面:
所以很多時候,我們在對APP界面進(jìn)行設(shè)計時,需要經(jīng)過反復(fù)的思考推敲。
如何通過不同的色彩和排版設(shè)計去實現(xiàn)簡約,讓用戶覺得層次清晰,重點突出,簡單又很專業(yè),是每個設(shè)計師都想要知道的問題。
除了平常的多看、多想、多做,還有一些簡化APPUI界面的小技巧,也需要知道。
雖然說less is more,但是并不代表可以隨意減少功能,想要打造出簡約的產(chǎn)品設(shè)計,可以從刪除、組織、隱藏以及轉(zhuǎn)移這四個方面入手。
取消引用
您還未登錄,
請先登錄
提 問
熱門帖子
iDev 全平臺開發(fā)者大會門票免費送!限量10張!
蘋果Mac Pro垃圾桶 最低配的ME253CH
本人想買個蘋果電腦搞開發(fā),哪位大俠指點下
求助:failable initializer 'init(name:)' cannot override a non-failable initializer
為慶祝Swift發(fā)布1個月,雨燕社區(qū)正式上線。
在UITextFeild里輸入數(shù)據(jù),這個數(shù)據(jù)怎么做加減乘除?
Swift 高仿喜馬拉雅FM
要成為自由職業(yè)者?先要學(xué)會蘋果的Swift哦
用swift實現(xiàn)的調(diào)用系統(tǒng)相機(jī),相冊的DEMO
關(guān)于嵌入式引用\()
Swift 教程
最新帖子
swift_5.3可以更新了
swift如何實現(xiàn)左滑刪除
IBM Swift Sandbox訪問
Thread 18: Fatal error: 'try!' expression unexpectedly raised an error: Error
跟隨手勢滑動的ScrollableTextField
Swift5.0什么時候出
什么時候出5.0
PerfectTemplate 無法編譯
WWDC19 蘋果宣布全新 UI 框架 SwiftUI
水平滾動視圖Carousel
Xcode 9.4下載
?
Copyright © 2017 Swift 編程 版權(quán)所有
推動 Swift 成為最受歡迎的編程語言!
友鏈、商務(wù)合作:service??swift51.com
手機(jī)版