當前位置:股票大全官網 - 資訊咨詢 - 辨別UI設計合理與否的5個小技巧。

辨別UI設計合理與否的5個小技巧。

妳是項目經理,產品經理,運營或者交互設計師。妳遇到過這樣的情況嗎?看了UI同學的設計稿,感覺雖然達到了要求,但是感覺很別扭,不知道怎麽表達。

妳是壹個UI設計師。在討論需求的設計稿時,雙方糾纏不清。妳根據自己的設計感受來判斷,卻不知道如何跟對方解釋清楚。

這個時候,妳可能需要這些原則。

因為U設計雖然是為了展現界面效果,但並不是純粹的感性和審美,而是合理的,可以分析和區分的。

那麽,很多人可能會問:

“為什麽?”

在回答這個問題之前,請思考另壹個問題:

在這裏,妳可以暫停壹下,不要往下看,給自己壹個答案,然後繼續讀下去。

當然,我們不是在做審美闡述。不用擔心會不會出錯,更不用說專業系統的回答了。寫下妳的看法或者直觀的回答就可以了。

如果妳還是不知道該寫什麽答案,我們來想象幾個場景:

辛苦了壹天,妳忙的飯都沒吃,然後就餓著肚子回家了。妳最喜歡的飯菜剛剛在桌子上做好。妳的愛人給了妳壹個溫暖的擁抱,和TA坐在壹起享受這頓晚餐。從味蕾到心裏都是甜的嗎?

當妳在寒風漸漸消失的春日周末去郊遊,可以看到植物園裏嫩黃的嫩芽,映襯著水藍色的天空和幾朵淡淡的輕雲,還能聞到暖陽和草木的清香。妳認為自然是美麗的嗎?

當妳在紀錄片中看到那些正在教書的鄉村教師,他們正在努力讓更多的孩子接受教育,妳流下了感動的淚水。妳認為人性閃耀著溫柔和美好嗎?

那麽,妳現在知道“什麽是美”的答案了嗎?

這些“高效、滿足、舒適、愉悅、安全、感動”等享受狀態就是美。

下面舉幾個案例來說明為什麽UI設計是壹種創造美的科學。

大家都坐過電梯!回想壹下“擁擠的電梯”和“不擁擠的電梯”。他們會給妳帶來什麽感受?

左圖:擁擠的電梯:空間不足,氧氣不足,活動不便,導致呼吸不暢,心情緊張,焦慮不安。

右:不擁擠電梯:充足適宜的空間,給人生理和心理上的舒適。

從這兩個場景中,我們可以充分理解“適度空間”對人的感情的重要性。這個原理體現在藝術和設計中,也可以稱為“空間感和氣息”。比如中國水墨畫中的留白。

壹個擴展到UI設計的例子:按鈕文本和邊緣的間距留白;

壹張圖總結:

如果是下圖,妳在迷茫中把表格打散,去尋找,會是壹種什麽樣的情緒和心理狀態?

如果是這樣,按照序號從小到大排列表格,讓妳找到尾號為1102的那個?

看著這兩堆表格,妳的心情應該是明顯不壹樣的。合理的規律和秩序可以提高效率,符合人們正常的思維邏輯,獲得更好的體驗,這也體現在視覺藝術中,比如這張風景照:

整個草原,或者崎嶇不平的山脈,都不足以讓我們停下腳步或者贊嘆,但是當草原有了光影的起伏,山脈有了節奏和規律的線條,畫面就壯麗而神奇了。看山的心情是平靜的,而看山川的心情是澎湃的,如果群體和諧,就會成為壹條河。

延伸到UI設計,規則壹致的形狀更能體現視覺心理學中飽滿或舒適的美感:

壹張圖總結:

下周將有壹場考試。如果我把下圖的書都搬出來了,我會告訴妳:這些是考試的內容,復習壹下!

妳的內心壹定不能太崩潰~

先別哭。如果我再告訴妳壹遍:底層書庫都是類似的另類書籍,妳可以選也可以不選;中間書庫是延伸閱讀材料,不作為核心考點;以上書籍可帶入考場開放閱讀;而最上面的壹條就是考試的核心內容。

妳開心壹點了嗎?

還有更多快樂!我拿出來告訴妳:這本書裏,只有每壹章的第壹頁,用紅線標註的,是這本書裏的重點考點,其余的只是為了理解。

這壹刻,是不是豁然開朗~ ~ ~ ~

如果把所有的書都搬出來,都是參考書,有很多沒有重點的信息,會讓人感到迷茫、不安、壓力和苦惱。

劃分書籍的參考重要性和次要程度,可以讓人感到輕松、自信、高效、快樂、有所掌控。

中國的傳統圖案很好地利用了這個原理。復線按主次順序密集排列,以花為主,葉為輔,表現出壹個圖案的層次性;在多而雜的葉片中,主葉和次葉以卷曲方向和疏密分開,使圖案密集豐富,但也簡潔易讀。

延伸到UI界面設計,主要體現在層次關系的區分和表達上:

總而言之:

關於購物,來個真假比拼吧~

當妳想買壹個名牌包的時候,什麽會讓妳厭惡仿制品而欣賞正品?

真實感受:感動細節、喜歡、踏實、品質、尊重、榮耀、滿足感或成就感。

模仿的感覺:粗糙、厭惡、懵懂、被欺騙、被鄙視、素質低下、憤怒或失落。

同樣,在繪畫藝術中,要有感人的感染力,對細節的細膩描繪是唯壹的法寶:

延伸到UI設計,註重細節和門道也是打動人的關鍵。

總而言之:

假設妳的女神或女神要給妳倒壹杯紅酒。妳會拿什麽樣的集裝箱?

妳知道味道,應該是這樣選擇的:

如果妳把紅酒放在這樣的容器裏。。。

打擾壹下。不對,左邊是醬油,右邊是中藥。。。

頭腦風暴另壹個場景:

如果馬上要開運動會了,妳的另壹半穿著這樣的衣服出現,妳會有什麽感受?

如果妳去參加壹個高級晚宴,而不是運動會,會怎麽樣?

穿著與運動地面:奇怪,滑稽,尷尬,愚蠢,愚蠢和不舒服的違和感。

高級晚宴著裝:優雅、品味、自信、踏實、安心、自然和諧的歸屬感和合體感。

這就是“合適與適宜”帶給我們的感受。最好的可能不是美,但最合適的會是美。

這個原則也包含在視覺傳達的設計中。比如無印良品的海報設計,無論色彩、質感、構圖還是字體設計,海報極簡、自然、居家、舒適的風格體現了品牌的禪意和自然極簡主義的氣質和調性。

延伸到UI設計,色彩風格的情感和公共認知意義要符合產品自身屬性或用戶習慣。具有極高安全性和工具屬性的支付寶,更能產生讓人安心和平靜的情緒,讓人潛意識裏知道它作為金融是安全的,作為工具是高效的。

換成淘寶橙就差強人意了,雖然淘寶色是品牌血脈:

總而言之:

好了,通過實例,妳對“設計源於生活”有更直觀的認識了嗎~ ~

這些體現在UI或視覺設計中的原理,並不是憑主觀評價或個人喜好創造出來的,而是生活中的客觀現象和生活規律產生的。這也是為什麽,在本文的開頭,我會提倡“UI設計是壹門科學”。

對於科學來說,壹句話的參考定義是:科學是具體的事物及其客觀規律。UI設計只是圍繞“產品界面”這壹具體事物,按照“用戶的行為和心理”的規律進行的壹種創造性活動。所以UI的本質是科學。

科學的主要內容是具體的世界觀和具體的方法。希望大家能理解這種設計理念,合理運用其方法,合理創造美。

在接下來的幾篇文章中,我將從“圖形與界面的留白、UI界面的層次分析、字體布局、圖形圖片處理、界面色彩搭配”等方面,詳細講解如何運用上述原理科學地分析和設計UI界面。

感謝喜歡設計的朋友們壹直以來的關註~

通過這篇文章,妳掌握了“因為好用所以好看”的設計思路了嗎?可以試著分析壹下手中的UI設計。現在科學嗎?有哪些可以改進的地方?

歡迎留下您的想法或建議,與您共同進步。