1. 程式人生 > >5 個關鍵點!優化你的 UI 原型設計

5 個關鍵點!優化你的 UI 原型設計

原型設計 線框圖

當你和你的團隊著手開始一個產品開發的時候,最開始的一步一般是繪制線框圖,這是大部分產品項目的第一步,它不復雜但是卻對整個產品的完成形態和質量有著至關重要的作用。

很多剛開始工作設計師或者產品經理都會提出一些問題,例如:“我該怎麽提高我的 UI、UX 設計技巧” 或者“有什麽書籍或者網站可以教我一些 UI 設計的高級技巧嗎?“ 設計的技巧是存在的,而且它們對設計確實有幫助,但是卻可能不是讓新人甚至是有一些從業經驗的人的作品更加完美的基礎。除此之外還有 5 個關鍵點值得 UI 設計師們放在表面的設計技巧之前。



1.UI 原型設計不是做一個精巧的展示模型

很多剛開始 UI 設計甚至一些有經驗的設計師常常會在設計產品 UI 原型時誤入”究竟什麽才是更好的 UI 設計“的歧途。他們常常覺得一個有著精致細節、無懈可擊的設計和高級配色,幾乎和成品看起來一模一樣的 UI 原型設計才是好的。其實這個時候他們已經對”UI 原型設計的作用”有了誤解,UI 原型設計作為一個產品開發流程的第一步和最基礎的一步,設計出的原型並不是要展示設計師在圖形設計方面的高超技藝亦或是超越藝術家的色彩敏感度。所以這不是考慮用什麽字體、圖標具體尺寸以及每一個頁面上的所有細節的時候,同時避免掉細節的幹擾才是設計師該做的事情。

2.在設計中展示自己的想法

UI 原型設計的優劣在於它能不能幫助設計師整理自己的思路以及清楚地向客戶展示自己的思考,同時它是否能為之後的圖形設計和開發流程提供清晰的方向和節約整個項目所花費的時間。好的設計需要充分結合客戶的需求,同時結合設計師自己的想法和經驗優化客戶提出的一些不太可行的想法。除此之外,一個好的 UI 設計在一開始並不是以細節博得客戶的歡心,而是靠能充分展示自己對該設計的核心理念和想法。



3.如何得到更好設計成果

一個產品開發的過程是設計師和工程師共同努力的結果,想要得到最好的成果,除了融入客戶的需求,設計師必須考慮到工程師的工作是否能順利開展。因此,一些天馬行空的奇特想象此時可以克制一些。同時工程師也必須考慮到開發的可行性,在編程開始前充分且經常和設計師溝通完善方案。一個好的開始遠比完成後的修補來得簡單。

4.放慢自己的節奏

心急吃不了熱豆腐,一個好的 UI 設計項目不是幾個小時或者一天就能完善的,因此設計師如果能放慢腳步,會發現這一時期是最好的融入眾人想法的時期,它能讓你的設計快速豐富起來。其次,修改設計圖其實是成本最低的一種優化方式,因此你可以結合從大家那裏收集來的點子慢慢篩選並使它們完善自己的設計。

此外,準備多個版本的設計稿是非常重要的,如果從一開始到最後只有一份設計稿,作為設計師的你可能要對自己的創造性加上一個“問號”了。對一個需求的解決方案絕不止一種,因此準備多版本的稿件能幫助你對比每個版本的優劣點,從而在最後確定使用哪一個的時候能保證它是你當時能提供的最好的。



5.確定 “版本 1.0“ 到底是哪一版本

當你確定了“最好”的版本,不要急著就認為它就是你要尋找的目標。你現在拿到的是你對這個產品功能的所有想象,但是當它要作為一個產品推出給用戶,你需要考慮你的“完美”設計是否對用戶也是一種負擔。因此,你還需要篩選作為 1.0 的版本,你需要把哪一些功能或者特性首先推給用戶,然後在日後的版本更新中慢慢把你的所有想法帶向用戶,讓他們有時間來適應你的設計。你的最初設計也許要在數個版本更新後才能和用戶見面。這同樣是一個工作量很大的工作,你可能也需要準備多個版本來確定最好的那一個,但是當你經歷過這一系列的流程,相信你得到的結果遠比你預料的好得多。

不知道這五點建議有沒有對閱讀這篇文章的人提供一些優化 UI 原型設計的幫助,如果你覺得文章中的內容正是你需要的或者是你沒有註意到過的,作為作者我還是感到很欣慰。最後希望新加入設計師大家庭的新成員能在自己的工作中取得豐碩的成果,也創造出越來越多的優秀的 UI 原型設計作品。

推薦原型設計工具:

1 Mockplus

地址:http://www.mockplus.cn

2 Axure

地址:https://www.axure.com.cn/

3 UXpin

地址:https://www.uxpin.com/

5 個關鍵點!優化你的 UI 原型設計