欧美中文字幕在线播放_人妻无码免费的_中文日韩欧美州_无码av中文系列久久免费

一下的功夫,從聚集到微小logo設(shè)計(jì)“變的更大”

2018-06-29 1886 0

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


 

1、識(shí)別趨勢(shì)

10f257f8edb2a84a0d304f30f450.jpg

 

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


 

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


 

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


 


 

2、趨勢(shì)剖析

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

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

Squares

2e1d57f9a492a84a0d304f818308.jpg

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


 

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


 

方塊的流行是因?yàn)樗男螤羁梢灾貜?fù)利用性,包括可以使用在社交媒體和一個(gè)App應(yīng)用圖標(biāo)。
 


圖標(biāo)標(biāo)示
 


 

e6a257f9adeaa84a0e282bd9dab3.jpg

隨著我們?cè)O(shè)計(jì)工作需要更多在小屏幕里操作,這就需要趨于簡化和合理化,logo的趨勢(shì)也正是如此,一個(gè)簡單的圖標(biāo)需要在角落里充當(dāng)logo的角色。


 

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


 

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


 

標(biāo)志


 

3e4757f9b678a84a0e282b21a8cb.jpg
 

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


 

頂部角落的標(biāo)志設(shè)計(jì)的訣竅在于保證用戶會(huì)瀏覽時(shí)不會(huì)找不到北。標(biāo)志使用輕巧風(fēng)格或者僅僅使用包含小而精且其有分量的字體,位置考慮上以視覺為主,而不是像素為導(dǎo)向。


 

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


 

3、“應(yīng)用程序”圖標(biāo)風(fēng)格

37ce57f9c96da84a0e282ba57547.jpg

 

應(yīng)用程序圖標(biāo)風(fēng)格起到美化網(wǎng)站的作用與此同時(shí)也提供多功能的設(shè)計(jì)元素??商鎿Q性和設(shè)計(jì)感依然同于方塊logo,但App圖標(biāo)通常遠(yuǎn)離桌面邊緣,可能包含更多的顏色,往往被人認(rèn)為是一個(gè)次級(jí)的品牌logo。


 

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


 

應(yīng)用程序圖標(biāo)——基于網(wǎng)站經(jīng)常使用的風(fēng)格設(shè)計(jì),因?yàn)閼?yīng)用圖標(biāo)就是代表他們的品牌和用戶的認(rèn)可度。讓不同的用戶通過網(wǎng)站訪問帶來流量而不是應(yīng)用程序本身。添加一個(gè)提示動(dòng)態(tài)的或者懸停動(dòng)畫在logo上會(huì)為用戶帶來驚喜。
 


 

4、縮小它

700c57f9ebf6a84a0e282bd91a68.jpg

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


 

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


 

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


 

5、顏色

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


 

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


 

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


 

6、Logo-導(dǎo)航平衡


 

7bc757f9f7cea84a0e282b4a14ae.jpg

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


 

這里有兩條解決方案:

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

    2、創(chuàng)建一個(gè)包含logo的導(dǎo)航。


 

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


7、總結(jié)

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


 

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


 


 



 



26
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦