首頁

軟件界面設計必備的色彩搭配技巧

ui設計分享達人

無論是軟件界面設計還是平常的平面設計,亦或者宣傳頁、手機APP界面的設計,都離不開色彩的搭配,由此可見,色彩搭配工作在設計過程中的重要性。今天就以軟件界面設計為例來分享一下在具體設計過程中的要把握好的一些色彩搭配技巧。

技巧第一點:顏色使用最好不要超過三種。經(jīng)常在網(wǎng)上看到有很多的大神都在說在設計工作中,配色最好不要超過三種顏色。如果設計的界面顏色太多了,難免會給人一種界面很亂的感覺,界面設計很重要的一點就是最終的結(jié)果要給人一種良好的體驗,如果界面太亂,用戶體驗也就無從談起了。因此,在用色時,顏色越少越好,但要保證正確的傳達出需要表現(xiàn)的功能和元素為前提。在我們每添加一種顏色的時候都需要好好的考慮一下,有沒有必要。因為再復雜的設計,也不會多個三種主色彩。

UI設計中的陰影與層次!

ui設計分享達人

隨著大家對于扁平化設計的反思和優(yōu)化,近兩年的整個設計風向顯得理智而合理了許多。更加平衡而合乎情理的新的扁平化設計誕生了。這個新的方案得到了絕大多數(shù)的設計師的認可,這種“近乎扁平”的設計更多被大家稱為“扁平化設計2.0”。扁平化2.0 整體上依然是扁平的,但是其中的諸多設計元素沿用了微妙的陰影、高光和層級來打造有深度的UI。

01.webp.jpg

UI設計在中國的現(xiàn)狀如何?

ui設計分享達人

目前在國內(nèi)UI還是一個相對陌生的詞,即便是一些設計人員也對這個詞不太了解。我們經(jīng)??吹揭恍┱衅笍V告寫著:招聘界面美工、界面美術設計師等等。這表明在國內(nèi)對UI的理解還停留在美術設計方面,認為UI的工作只是描邊畫線,缺乏對用戶交互的重要性的理解;另一方面在軟件開發(fā)過程中還存在重技術而不重應用的現(xiàn)象。許多商家認為軟件產(chǎn)品的核心是技術,而UI僅僅是次要的輔助,這點在人員的比例與待遇上可以表現(xiàn)出來。 但這不是UI設計真正的價值體現(xiàn),只是UI設計發(fā)展的一個必經(jīng)過程。我們以物質(zhì)產(chǎn)品手機行業(yè)為例,當手機剛剛進入市場的時候不但價格貴的驚人,而且除了通話以外沒有什么其他功能。由于當時的主導是技術,所以大家都把精力放在信號、待機時間、壽命等方面,對于產(chǎn)品的造型,使用的合理性很少關心。事過境遷,如今技術已經(jīng)完全的達到用戶的需求,于是商家為了創(chuàng)造賣點,提高爭力,非常重視產(chǎn)品的外觀設計,除此之外還頻頻推出短信,彩屏,和鉉,彩信,攝像頭等等。這樣一來產(chǎn)品的美觀、個性、易用、易學、人性化等等都成了產(chǎn)品的賣點。軟件產(chǎn)品與物質(zhì)產(chǎn)品的發(fā)展是相同的。過去由于計算機硬件的限制,編碼設計成為軟件開發(fā)的代名詞,美觀親和的圖形化界面與合理易用的交互方式都沒有得到充分的重視,實際上這個時期的軟件叫作軟件程序,而不是軟件產(chǎn)品。



你還在用輪播圖嗎?

資深UI設計者

輪播圖(Carousels)這樣的交互方式,在web時代似乎已經(jīng)司空見慣。當一群人在會議室里爭奪首屏焦點圖的優(yōu)先級時,使用輪播圖,似乎能夠不費吹灰之力地解決這場爭端,沒有人是輸家。然而,輪播圖這種方式真的有效嗎?如何設計才能帶給用戶更好的體驗呢?

事實上,“萬能和事佬”輪播圖的點擊率通常都很低,轉(zhuǎn)化效果也并不好,卻往往占用了頁面最搶眼的大面積位置。想象這么一個場景:當你走進圖書館想找一本特定的書閱讀時,一個銷售員擋在你面前讓你先看一個大廣告圖,然后等你還沒讀完具體講了什么內(nèi)容時,他又突然換了一張,是不是很惹人厭呢?大部分輪播圖的設計也是如此。

移動端用戶體驗:底部導航

用心設計

底部導航欄,或者叫做底部標簽欄,這是我們早就習以為常的App組件。有沒有認真想過它有些什么值得注意的地方呢?跟隨本文來復習一下基礎吧。 

陳幼堅:好設計為品牌注入生命力

藍藍設計的小編

那么您認為一個好的跨界設計師都需要具備怎樣的素質(zhì)?

首先不要刻意去把跨界當成一個成功的途徑,想要依靠跨界吸引眼球博得注意力,畢竟這不是長久之計。跨界應當是你跟隨自己的內(nèi)心慢慢的、自然的從一個地方走到另一個地方,你因著對另一個領域某個元素的喜愛受到吸引和啟發(fā),然后將兩者做一個完美的融合。不要懷著很大的目的。


在您與各個品牌的合作當中,設計帶來的競爭力是否等同于產(chǎn)品競爭力?這兩者分別要如何進行評價和分析?

這個問題我沒有特別想過。一般都是客戶來找我然后我做產(chǎn)品的包裝,這兩者是否等同,很難說。當然對于我們來說是希望通過包裝設計將這個產(chǎn)品做一個更好的呈現(xiàn)。但是這兩者之間是相輔相成的關系,很難去做一個比較。如果產(chǎn)品不好,設計怎么做都沒用。


您對好的設計與好的設計師,是否有自己的定義和衡量標準?

我覺得永遠都要懷著兒童的心態(tài),很純凈,對生活永遠充滿好奇。因為如果希望產(chǎn)品跟夠跟消費群體產(chǎn)生共鳴,這個關鍵點無疑是需要通過設計的觀察來創(chuàng)造和開啟。另外還要永遠保持幽默感,再就是要有包容性,要做一個“花心”男。

用實戰(zhàn)案例告訴你,這10個設計心理學技巧該怎么用!

周周

研究刺激用戶的心理誘因,將有助于設計師利用它們來做出更成功的產(chǎn)品。下面總結(jié)的這10個心理學技巧,將有助于創(chuàng)造讓用戶上癮的產(chǎn)品,每個設計技巧都附上了實戰(zhàn)案例演示,幫你更方便理解。一起來看!

1、熟悉度偏見

uisdc-think-201609142

了解并使用CSS中的rem單位

藍藍設計的小編

什么是 rem

可能在你使用收音機或者用其他音樂播放器之前,就已經(jīng)聽過“R.E.M.”這個詞了。在這個樂隊眼中,這個詞是“淺睡眠時眼球的快速轉(zhuǎn)動”的縮寫,而在 css 中,rem 代表著“以根元素為參照物的 em 單位“。他不會讓你拋棄你的宗教信仰也不會讓你相信那個遠在月球的人,但是它可以幫助你實現(xiàn)一個和諧、平穩(wěn)的設計。

根據(jù) W3C 規(guī)范中對 1rem 的定義:

1rem 與等于根元素 font-size 的計算值。當明確規(guī)定根元素的 font-size 時,rem 單位以該屬性的初始值作參照。

設計師打死都要收藏的7種移動端UI設計風格

ui設計分享達人

如果你是一個APP狂熱分子,你會花大量的時間在各種APP的嘗鮮中,你會明顯感受到一些APP在采用著某種風格鮮明的設計語言,來標榜自己的獨特之處,行成自己的設計風格,甚至引領設計風向。去年我們關注到隨著Metro設計風格的影響和iOS7的發(fā)布,APP明顯都開始嘗試扁平化的設計語言了,除此之外,還有哪些顯性化的設計語言嶄露頭角呢?

一、唯一主色調(diào) | Simple color schemes

為什么我們要定義一個界面多種顏色?僅僅用一個主色調(diào),是不是就能夠很好的表達界面層次、重要信息,并且能展現(xiàn)良好的視覺效果?事實上也正是如此,隨著iOS7的發(fā)布,我們看到越來越多唯一主色調(diào)風格的設計,會采用簡單的色階,配套灰階來展現(xiàn)信息層次,但是絕不采用更多的顏色。

01.webp.jpg

不重視微交互的UI設計不是好設計…

ui設計分享達人

UI設計的細節(jié)很重要,它不僅僅體現(xiàn)在靜態(tài)的元素上,動效和微交互也是如今UI和UX設計中最重要的細節(jié)。想要打造優(yōu)秀的移動端UI設計,微交互和動效設計是繞不開的問題,今天的文章我們來聊聊這個~


呈現(xiàn)系統(tǒng)狀態(tài)


        對于UI的狀態(tài)設計,“系統(tǒng)應當始終通過合理的反饋告知用戶當前正在發(fā)生的事情,所處的狀態(tài)?!边@也就意味著界面需要通過反饋讓用戶明白發(fā)生了什么,而無需用戶猜測。而帶有動效的微交互正是以提供視覺反饋而聞名。

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔