記產(chǎn)品網(wǎng)頁(yè)小圖標(biāo)設(shè)計(jì)
時(shí)間：2023-10-02 22:54:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-10-02 22:54:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)
記產(chǎn)品網(wǎng)頁(yè)小圖標(biāo)設(shè)計(jì)：網(wǎng)頁(yè)小圖標(biāo)（favicon）“是展示網(wǎng)站個(gè)性的縮略logo標(biāo)志，也可以說(shuō)是網(wǎng)站頭像,它顯示在瀏覽器的地址欄、瀏覽器標(biāo)簽上或者在收藏夾上?！?br>
特點(diǎn)：
- 比較小巧，常用的Favicon.ico圖標(biāo)有3種16×16、32×32、48×48；
- 格式上ico的適應(yīng)范圍比png廣泛，可以通過(guò)在線轉(zhuǎn)換器完成轉(zhuǎn)換;
設(shè)計(jì)前think：
- 在有限的空間內(nèi)精準(zhǔn)的傳達(dá)網(wǎng)站信息（網(wǎng)站是什么，網(wǎng)站可以做什么...），
- 貼合產(chǎn)品的業(yè)務(wù)，特點(diǎn)及產(chǎn)品所傳遞產(chǎn)生的價(jià)值，以BI產(chǎn)品為例，主要價(jià)值是幫助用戶分析數(shù)據(jù)提供準(zhǔn)卻的商業(yè)參考，提取其主要的關(guān)鍵詞：準(zhǔn)確，嚴(yán)謹(jǐn)，可信賴，智能，
- 場(chǎng)景化拉近情感距離，可以融合BI業(yè)務(wù)場(chǎng)景中常出現(xiàn)的元素，色彩等。
在設(shè)計(jì)開始采用手繪的方式快速記錄想法，該階段創(chuàng)意可以天馬行空不進(jìn)行限制，也不必追求設(shè)計(jì)表達(dá)的精準(zhǔn)度，以快速表達(dá)抓取思維為目的。接下來(lái)根據(jù)設(shè)計(jì)定位選區(qū)幾個(gè)符合要求的方案進(jìn)行初步的矢量化繪制。
在初版的繪制中主要考慮了BI字母，BI字母中常出現(xiàn)的餅圖，折線圖，柱狀圖，條形圖等元素之間的相互交叉，將不同元素通過(guò)形象之間的聯(lián)系，結(jié)合成一種新的形象。顏色上選取了網(wǎng)站的主體色作為主色，整體圖標(biāo)顏色控制在三項(xiàng)之內(nèi)。
經(jīng)過(guò)組內(nèi)的討論，考慮到表達(dá)的直接，小尺寸圖標(biāo)的易瀏覽，選取了BI字母+餅圖的方案，接下來(lái)是對(duì)所選擇的方案的細(xì)微調(diào)整，包括元素之間的間距，大小關(guān)系，字重等方面。
最終選取其中一項(xiàng)作為網(wǎng)站小圖標(biāo)使用
謹(jǐn)以此作為自己的成長(zhǎng)記錄。
關(guān)鍵詞：設(shè)計(jì),產(chǎn)品
在線咨詢