你是靠感覺來做設計嗎?來聊聊設計的「五大原則」

UI設計師如果想要減少改稿次數,拒絕產品經理“加一道光”的需求,首先要學會不靠感覺做設計。今天這篇文章從設計原則的重要性談起,總結了5個UI的基本設計原則,讓你每一個元素界面都有理有據,很適合剛入門的設計師,有興趣的小夥伴可以一起來學習。

你是靠感覺來做設計嗎?來聊聊設計的“五大原則”

圖形設計大師Paul Rand(保羅·蘭德)曾經說過:

“設計絕不是簡單的排列組合與簡單地再編輯,它應當充滿著價值和意義,去說明道理,去刪繁就簡,去闡明演繹,去修飾美化,去讚美褒揚,使其有戲劇意味,讓人們信服你所言……”

試想下如果一個設計師只是憑感覺(而不是理性)的去排列組合你的設計元素,或許你永遠無法變成一個NB的設計師,更多的是別人眼裡的“美工”。

或許當你很滿意的做完某個設計給別人看的時候,經常會遭到PM(產品經理)或者其他人的質疑,他們會覺得:

“你為什麼用這個顏色?為什麼這個按鈕那麼小?這個配圖好像並沒有表達我們想要的意思……”

設計師:“……”

這時設計師內心有一萬個草泥馬在奔騰,凝聚成一句話:你是設計師,還是我是設計師?

其實很多時候這些人其實並不是覺得你設計得不好看,而是你的設計並不適用於當下這個產品。

這就暴露出很多設計師並不是理性在做設計,而是相當的感性。

你是靠感覺來做設計嗎?來聊聊設計的“五大原則”

So,為了能夠更好的闡述如何正確的進行設計。思前想後,發現其實在做一個設計之前,需要你對將要進行的設計有一個清晰的認識。然後為了不至於犯一些低級的錯誤,瞭解和遵守設計原則顯得尤為重要。

腦袋裡帶著這些原則去進行思考和設計,那樣至少確保你是走在一個正確的道路上的。嚴格來說,遵守這些設計原則只是做出棒棒的設計的第一步而已。下面我們一起來看下UI設計中遵守的5大原則。

1,界面清晰最重要

界面清晰是UI設計的第一步,要想讓用戶喜歡你設計的UI,首先必須讓用戶認可它、知道怎麼樣使用它。讓用戶在使用時預期會發生什麼,並方便地與它交互。

如果你打開一個頁面或者App,無從下手,不知點哪裡。或者找個想要的功能按鈕找個半天,這樣用戶體驗很差,你的設計。這個時候你的設計再漂亮也沒有用,我們設計出來的產品首先是建立在用戶喜歡的基礎上,只要設計的圖形或流程是能夠滿足產品需要的,基本上都會通過。如下圖:

你是靠感覺來做設計嗎?來聊聊設計的“五大原則”

正確示範|界面沒有任何的操作提示,用戶就明白通過左右滑動屏幕來查看更多卡片,還知道卡片是以扇形為運動軌跡。

2,直接操作的感覺最棒

當能夠直接操作物體時,用戶的感覺是最棒的。在設計界面時,我們增加的圖標往往並不是必需的,比如我們過多的使用按鈕、選項等等其他繁瑣的東西僅僅是為了填滿界面,這些都是畫蛇添足。

其實單就高效而言,似乎與清晰明瞭差不多。但試想下,高效是不是就意味著清晰正確的處理目標任務呢?答案是不一定的。高效無障礙不代表不會出錯。很順暢的出錯才叫慘,這個成本相當的大的。

另外一個極端就是交互層級太複雜,本來兩步就可以完成的東西,硬是饒了一圈,搞個4-5步才完成。這就是浪費時間了,一般這類產品不是被吐槽的很慘就是直接棄之,

能一步完成的東西不要設計成兩步。知道為什麼iPhone為什麼那麼火嗎?除開品牌和喬布斯的個人魅力,iPhone的手機用起來是操作很方便,,操作也真的很簡單。所以優化功能邏輯,減少層級,同時預判結果,讓流程更順暢。讓人們使用的更加輕鬆快捷的完成設計目標,才是王道。

你是靠感覺來做設計嗎?來聊聊設計的“五大原則”

正確示範|圖標的作用是以圖形化的視覺形象給用戶快速引導,如果只是裝飾,就不如不要。

3,設計的一致性

人是個很敏銳的動物,你會發現,你特別容易發現一堆同類物品中的異類。

如果屏幕元素各自的功能不同,那麼它們的外觀也理應不同。反之,如果功能相同或相近,那麼它們看起來就應該是一樣的。

例如Windows的關閉窗口按鈕是在右上角,而Mac的關閉窗口按鈕是在左上角,無論是你之前是在用這兩個中間的哪個系統,突然跳到另一個系統你肯定會特別特別不習慣,因為你已經熟悉了那個操作方式,直覺告訴你那樣才是關閉按鈕的正確姿勢,,

所以對於相同的問題,提供相同的解決方案,減輕用戶的認知及記憶負荷,一旦確定一個設計模式,打造更符合直覺的產品體驗顯得相當重要。

當然在某些時候,為了能夠突出某個功能,或者讓人加深印象,故意設計成不一致的情況也不是沒有,,所以說到底還是為了產品的目標,靈活運用此原則就對了。

你是靠感覺來做設計嗎?來聊聊設計的“五大原則”

4,零狀態的界面

第一次訪問界面是最重要的,但經常被設計者忽視。為了幫助用戶適應,應該提供啟動的方向和引導。這樣會給用戶留下比較好的第一印象,提高了用戶體驗。

你是靠感覺來做設計嗎?來聊聊設計的“五大原則”

正確示範|零狀態結果本身對用戶體驗極其不好,更需要情感化或引導性的設計來降低用戶焦躁的情緒。

5,美觀大方的設計

只有用戶使用你設計的界面時,才是成功的。如果一件衣服很漂亮,但是穿起來不舒服,那麼設計是失敗的。

你是靠感覺來做設計嗎?來聊聊設計的“五大原則”

舉個最最簡單的栗子。我想大家對微信都瞭解得不能再瞭解。但其實作為設計師的你真的覺得微信設計得漂亮麼?筆者的答案是,微信設計得中規中矩,與很多“漂亮的App”比,他顯得普通。但是,微信設計得讓你挑不出太多的毛病,甚至有些細節讓人覺得很棒,對於一個過億級的產品,不出錯,且用戶能夠很清晰快速的完成他的目標,那它就妥妥的成功啦·,

有句話說的好,“最好的設計就是沒有設計”。換句話說就是,好的設計讓你感覺不出來它是經過設計的。一切都是那麼的自然和順理成章,

所以,漂亮和美觀只是提升體驗和激發共鳴或者說愉悅的一個重要手段。對於一個產品而言,特別是那種大的產品,完成目標任務永遠是第一位。設計師所要做的是細節耐心的打磨界面,讓別人更加願意花費時間和精力去使用你的產品。

你是靠感覺來做設計嗎?來聊聊設計的“五大原則”

這次的分享就到這裡了,有興趣的小夥伴可以在下面領取設計資料的哦~http://t.cn/ROCIyd0(複製到瀏覽器打開即可)詳情請看職業研學社


分享到:


相關文章: