1.在扁平化的大勢之下,Spotify 大范圍使用雙色調配色,將這一設計手法推到了潮頭。雙色調配色已經存在很長的一段時間了,單我們幾天所說的雙色調方案是在全屏設計背景下,加入漸變效果和高沖擊力視覺設計下的雙色調配色方案。
簡單說來,是兩種色彩來構成一套配色。最常見的雙色調配色會選擇互補色來進行組合。在更復雜的場合中,會使用其他的組合來營造特定的感覺,打破約定俗成的配色風格,可能會有驚喜。
大多數雙色調效果是使用一個色彩鮮艷的色調疊加在照片上實現的,強化深淺色彩對比,從而營造出色彩沖擊力。Shopify 對于這種手法的運用非常的純熟,在恰當的排版設計搭配下,將數十位設計師照片以這種獨特的方式展現出來。
從技術的角度上來看,雙色調配色可以同許多其他的設計手法、技術一同搭配使用,比如全屏設計,比如響應式設計,比如插畫,正如同上面的那些案例中的諸多技術一樣。除了獨特的視覺效果,它可以用來強調,對比。這是一種非常強的表現手法,用的時候記得適量使用。
2.分屏式的網頁設計案例正在成倍增長。這樣設計的效果是很酷炫的,在代碼編寫到位的情況下,網頁在桌面端打開的時候,兩個區塊并排顯示,而在移動端上,并排的區塊智能地以上下堆疊的形式呈現出來。從技術上來講,這類網頁的設計師喜歡將屏幕均分為并排的兩個區塊,兩者尺寸大小都一樣,有的時候還會加上輪廓來強調區域的概念。
分屏的技巧:
·當你沒有太強的視覺設計之時,注意字體和色彩的搭配
·吸引用戶的注意力讓他們從左向右看,從而引導用戶的視覺運動。
·使用色塊來分割屏幕,為主要信息留下足夠的空間,確保整體的可讀性。
·將分屏視作為超大的卡片。將不同的內容制作成更小的區塊,在大的卡片中組成馬賽克。
·盡量確保每個區塊中內容的簡單易讀。
3.在絕大多數的網站中,圖像、背景和文字是最主要的元素,它們要么相互嵌套有機組合,要么相互分離。但是越來越多的設計師開始試圖打破元素之間的界限,不同類型的視覺元素打破固有的位置,進入其他元素的空間,堆疊,交叉,錯落??雌饋磉€是非常有趣的。但是考慮到整體的可讀性,這種設計還是相當具有挑戰性的。要使用這種設計技巧,最好搭配以簡單的排版。文字應當同其他的元素有足夠的對比性,從而確保它在橫跨多個不同元素的時候,保持基本的可讀性和辨識度。這也使得絕大多數這類網站都傾向于使用黑色和白色的文字。字體尺寸也是一個值得注意的屬性,它和色彩控制同樣重要。你還需要注意文本部分在不同尺寸的屏幕上的顯示和運動,也就是響應式變化中的斷點。
南京網站建設、網站建設之家(m.kdizolo.cn/)祝各位春意盎然,收獲多多!