當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

一下的功夫,從聚集到微小logo設計“變的更大”

2018-06-29 1850 0

現(xiàn)在網站最大的流行趨勢是在角落里使用小logo。我們進行打破這一趨勢,看看幾個大例子。也許你就能重新找到啟發(fā)讓你在接下來的項目里使用微縮的logo,當然你也可以繼續(xù)堅持使用大而粗暴的logo!
 


 

1、識別趨勢

10f257f8edb2a84a0d304f30f450.jpg

 

雖然沒有硬性規(guī)定說logo一定要放在網站頂部左上角,但這個位置是最常見的便于用戶可讀性和識別目的。用戶習慣于尋找品牌信息,它提供了良好的導航說明,幫助用戶點擊時回到主頁。
 


 

很顯然logo放在頁面里的這個位置已經司空見慣了。雖然這些小logo并不局限于這個位置,但它遵循于用戶模式。這一點非常重要,當你嘗試新的不同設計,與其同時讓用戶理解上也不困難才行。只有這樣,在變化logo大小,縮小到“小”的尺寸可能會使它占據(jù)更小的視覺地位。但通過保持同一個位置,用戶仍然不假思索的找它并且執(zhí)行預期的操作。
 


 

這是一個很容易發(fā)現(xiàn)的趨勢之一。通常可以在一個界面頂部左邊找到一個超小的logo(通常小于300像素標準桌面)。logo位置通常緊貼著畫面頂部左邊。


 


 

2、趨勢剖析

雖然logo的大小和位置是趨勢的根本,但這并不是唯一的趨勢之一,與此同時設計師還常常使用到相近的形狀、肖像、字體、顏色等。

這種趨勢的補充得益于其他流行風格概念借用,特別是極簡主義、明亮撞色和圖解的使用。這部分對趨勢很湊效,它與其他的設計模式幾乎無縫連接。

Squares

2e1d57f9a492a84a0d304f818308.jpg

這個簡單的方形logo易于使用并為品牌提供了不錯的品牌錨點。許多這樣的方形logo的特點就是兩個字(商標)或者一些小的象形彩色方塊。


 

黑色是一個流行的選擇,正如這個例子一樣Brave people(見上圖)除此之外顏色可以根據(jù)設計需要和品牌的背景顏色選擇決定,毫無疑問方形logo具有突出的形象特征,并且這是一個相當常見的選擇。


 

方塊的流行是因為它的形狀可以重復利用性,包括可以使用在社交媒體和一個App應用圖標。
 


圖標標示
 


 

e6a257f9adeaa84a0e282bd9dab3.jpg

隨著我們設計工作需要更多在小屏幕里操作,這就需要趨于簡化和合理化,logo的趨勢也正是如此,一個簡單的圖標需要在角落里充當logo的角色。


 

在工作中巧妙的使圖片變得“標志化”并且在用戶方便讀取理解范圍內足夠簡化到超小尺寸,但并不是所有小圖標用小尺寸都是合適。


 

因為這可能相當復雜,大多數(shù)設計師在一種單色背景下會采取使用白色圖標和簡單的線條,并且這些圖標有特定的圖像描述,比如Train Robber(火車強盜)(見上圖)是常用的幾何形狀。隨著圖標logo的需要,許多設計決定需要你回到品牌標識,你的圖標是否讓用戶有識別性么?它是否有發(fā)揮合理性?


 

標志


 

3e4757f9b678a84a0e282b21a8cb.jpg
 

當提及小logo,標志也許是大多數(shù)網站設計的最佳選擇之一。品牌和標志的方案已經建成,標志是一種設計概念需要貫徹到各個工作中。


 

頂部角落的標志設計的訣竅在于保證用戶會瀏覽時不會找不到北。標志使用輕巧風格或者僅僅使用包含小而精且其有分量的字體,位置考慮上以視覺為主,而不是像素為導向。


 

另一個特別要考慮的是標志所在的背景位置,確保標志可以跨屏可見,盡量避免與其他類型的背景元素或怪異元素混淆了可讀性。


 

3、“應用程序”圖標風格

37ce57f9c96da84a0e282ba57547.jpg

 

應用程序圖標風格起到美化網站的作用與此同時也提供多功能的設計元素。可替換性和設計感依然同于方塊logo,但App圖標通常遠離桌面邊緣,可能包含更多的顏色,往往被人認為是一個次級的品牌logo。


 

這種形式可以設計各種有趣的風格,但不要忘了重要的是確保識別性不丟失。要考慮到品牌名稱和主要logo在其他地方保持視覺聯(lián)系性,這也是用戶所期待的。


 

應用程序圖標——基于網站經常使用的風格設計,因為應用圖標就是代表他們的品牌和用戶的認可度。讓不同的用戶通過網站訪問帶來流量而不是應用程序本身。添加一個提示動態(tài)的或者懸停動畫在logo上會為用戶帶來驚喜。
 


 

4、縮小它

700c57f9ebf6a84a0e282bd91a68.jpg

就依照當前的logo,不采取任何額外的工作或者重新設計。僅僅把logo收縮放在頂部角落。這樣聽起來挺簡單的,對么?


 

這里給一個竅門:你的logo在小尺寸下必須包含所有成份并且保持可讀性。對于大多數(shù)品牌而言,logo需要在一個背景顏色單一的位置上獨立放置。


 

One Happy Camper(一個快樂的人)(上圖)這個就做的非常好,logo按同比例縮小到白色導航里的小角落。logo的主要標志顏色也在頁面主體內容部分中露出,這樣子logo有效的吸引用戶眼球和信息反饋。


 

5、顏色

1e5457f9f2bea84a0d304fc65806.jpg角落里的logo大多數(shù)是黑色和白色,但這個并不是如此,這些都基于當前的排版位置。


 

明亮、大膽的顏色影響著平面和物料設計,這些顏色的選擇依然在小空間設計里湊效。顏色使用訣竅在于簡化其它元素使其形成足夠的對比度。在許多復雜的元素堆里,小元素很容易失去比重。


 

另一方面,在復雜的背景下,刻板性質的黑色和白色或黑和白的標志可以提供良好的對比度,對設計而言,logo出現(xiàn)在頂部圖片和視頻中,這在可讀性上通常是最好的選擇。


 

6、Logo-導航平衡


 

7bc757f9f7cea84a0e282b4a14ae.jpg

微型logo在做導航上可以帶來獨特的挑戰(zhàn)。導航也要同時縮小么?你怎么在沒有突破性元素或看起來不平衡的元素中創(chuàng)造平衡?


 

這里有兩條解決方案:

    1、創(chuàng)意一個平衡導航元素,比如一個小方塊標志和補充一個上下帶隱藏的導航菜單。

    2、創(chuàng)建一個包含logo的導航。


 

這兩種方式都能很好的平衡功能,只要用戶訪問獲取信息,就需要發(fā)揮設計功能,在做判斷之前你需要多想想用戶習慣。


7、總結

微小里能出現(xiàn)大事物,一個聰明的設計師曾經說過,如果你能在小尺寸上做好工作,那就能勝任任何地方。這也許是設計師面臨的挑戰(zhàn),在微觀層面創(chuàng)造出精品。


 

微小logo作為一個趨勢,有沒什么特別地方,你不需要在這個概念上重新設計,只需要通過小小的調整增加一個時髦的功能。


 


 



 



26
評論區(qū)(0)
正在加載評論...