設計絕不是簡單的拼合,排列甚至編輯;設計是通過闡明,簡化、明確、修飾,使之莊嚴,有說服性,甚至帶一點趣味性,來賦予其價值及意義。
清晰流暢
統一美觀
重要性也是按這個順序來排列,那麼下面我們一點點來說說。
清晰何為清晰?對任何產品而言,介面「清晰」是最為重要的一點。人們必須能夠辨別出它是什麼,才能有效地使用你設計出來的產品。而在設計的過程中相信大家經常會被產品的需求搞得矇圈,最後出來乙個亂得連自己都會吐槽的介面。設計師在設計產品時,真正要做的應該是去關心使用者使用產品的原因,去**並觀察使用者使用產品時的行為然後快速做出反饋。產品在設計之初就應該定位清晰,明確自己的受眾群體,設計出符合目標使用者的產品。這樣才能留住使用者,讓使用者對產品更有期待。
所以要做到產品設計清晰,必須讓目標使用者在符合產品條件的基礎上,去正確的理解產品介面。不需要思考就對介面的設計有所了解;或者是讓使用者通過產品簡單的提示或幫助說明,就能夠理解產品介面,並進行使用。
要做到這點就要讓使用者知道自己目前處於什麼位置,並知道自己能幹什麼或要幹什麼。其實這些說起來很簡單,但是要做到卻並不容易,所以對使用者的研究必不可少,讓產品定位精準,明確目標使用者等等,都是非常重要的步驟。這也是為什麼清晰是產品設計原則中最重要的原因。如果能做到這點,即使頁面再多,也不會讓使用者覺得不知所措。(當然頁面數量還是有點影響的)
流暢在保證了產品介面清晰的前提下,介面的流暢性可以讓使用者和產品之間產生良好的互動。乙個優秀的產品,在使用者使用的過程中不僅不需要複雜的學習就能使用,而且還能高效的使用。如何保證流暢性?很簡單,就是突出產品的核心。我們生活在乙個快速發展的時代,做任何事情都容易被打擾,導致過程中斷。所以想要留住使用者,必須讓使用者沒有負擔且幫助使用者快速完成任務。這樣才能贏得使用者的尊重。
統一讓頁面保持一致性。很多設計師在設計產品時,都會把統一性拋之腦後。統一性在設計過程中至少要做到:視覺、互動、結果統一。這樣不僅可以降低使用者學習成本,還能讓開發節省不少時間來做那些必要的東西。經常有人會問一些關於介面設計的問題。而發出來的介面很多時候都是前後不統一,上個介面的下一步還在左邊,到了下個頁面就到了右邊了,問他原因就說:這個介面的排版這樣放更好看點。其實這樣的回答很不專業。
在做產品時,統一性是非常重要的,它是清晰和流暢的結果,要求做到自然而然的效果。能夠通過巧妙的布局,來降低使用者的認知負擔。相信大家都聽過一句話:好的設計都是看不見的。這裡說的不是真的看不見(要真看不見還搞啥),而是說讓使用者察覺不到它的存在是多餘的。要做到統一不僅要做到均衡的構圖,讓畫面整體具有穩定性,還要透出空間感,不會使得使用者覺得在使用的過程中產生擁擠的念頭。而創新並給使用者帶來驚喜就是後話了。
美觀其實美觀沒什麼好說的,因為每個人對它認知是不同的。新人覺得美觀是把乙個介面做到漂亮;而資深設計師就知道美觀是讓介面的設計無瑕疵,整齊,細節完美。簡單來說說美觀的幾個方面:
顏色:不要為了突出設計感,就採用誇張的顏色來設計,有時候簡單的搭配反而更能體現出產品的功能。
圖示:大家都說乙個互動設計師的功底是看互動設計文件,那麼乙個ui視覺設計師的功底看什麼呢?沒錯,就是圖示。
布局:有時候乙個介面的布局好壞不能完全看互動設計師,這裡面視覺的設計至關重要,即使做得再爛的布局都是可以通過視覺設計師來逆轉乾坤的(不包括搗亂的那些孩子)。再提乙個點,動效,當然動效也屬於美觀中的一種。近年非常流行動效,很多設計師沉迷其中,然後在自己的產品中加入各式各樣的動效。其實,動效是是一把雙刃劍,這裡也不詳說了,大家有需要我可以單獨出一篇動效的文章。只要在設計的過程中把控好度,動效是可以起到美化產品的作用的。
總結說完上面這四個原則,大家可以聯絡自己的產品去想想是不是這麼回事。清晰》流暢》統一》美觀,乙個好的產品一定是按照這個順序來設計產品的。在做設計之前一定要理解需求再下手,如果你的介面已經滿足需求,就不要再加入其它元素了,千萬不要覺得頁面太簡單東西太少,我就要加入其它東西來充實,這樣很傻。
如果之前沒有考慮到這四個點來做設計,那從現在開始好好想想自己應該怎麼入手。清晰,理解需求;流暢,明確使用者目標;統一,介面元素保持一致;美觀,做到簡約而不簡單。
大連中鈺睿泓與你分享精品文章
設計模式的四大原則
這幾天 寫完了,開始收拾起本該寒假就讀完的 大話設計模式 整本書讀起來還是不錯的,語言詼諧有趣,以生活中的例子為切入點,使讀者容易理解。比較適合物件導向語言的初學者或者中級人員學習。在這個系列學習中,我們先從設計模式的四大原則開始學起 四大原則 單一職責 就乙個類而言,應該僅有乙個引起它變化的原因。...
設計模式之四大原則
看了大話設計模式,想自己總結一下,以加深印象。本次來總結設計模式中的設計原則。以下大部分來自大話設計模式 一 單一職責原則 它的準確解釋是 就乙個類而言,應該僅有乙個引起它變化的原因。通俗的說,就是乙個類不應該有太多的職責,不然的話,當需求發生改變時,你要改動的地方可能非常多且複雜,設計會遭到意想不...
物件導向 設計模式的四大原則
註明 下面都是我在學習 大話設計模式 做的筆記,為了傳播設計模式和自我提醒學習。1 單一職責原則 就乙個類而言,應該僅有乙個引起它變化的原因 如果乙個類承擔的職責過多,就等於把這些職責耦合在一起,乙個職責的變化可能會削弱或者抑制 這個類完成其他職責的能力。這種耦合會導致脆弱的設計,當變化發生時,設計...