學(xué)logo設(shè)計(jì)創(chuàng)意免費(fèi) UI界面創(chuàng)意圖標(biāo)要如何設(shè)計(jì)?
UI界面創(chuàng)意圖標(biāo)要如何設(shè)計(jì)?問(wèn)題圖標(biāo)指的是創(chuàng)意圖標(biāo)嗎?我的理解是頁(yè)面中的圖標(biāo),不知是否正確。圖標(biāo)設(shè)計(jì)最重要的是理解功能,然后將功能轉(zhuǎn)化為圖形內(nèi)容。圖標(biāo)要有很高的識(shí)別度,讓用戶(hù)看到圖標(biāo)就能很快明白這個(gè)功
UI界面創(chuàng)意圖標(biāo)要如何設(shè)計(jì)?
問(wèn)題圖標(biāo)指的是創(chuàng)意圖標(biāo)嗎?我的理解是頁(yè)面中的圖標(biāo),不知是否正確。
圖標(biāo)設(shè)計(jì)最重要的是理解功能,然后將功能轉(zhuǎn)化為圖形內(nèi)容。圖標(biāo)要有很高的識(shí)別度,讓用戶(hù)看到圖標(biāo)就能很快明白這個(gè)功能是用來(lái)做什么的。例如,圖標(biāo) "銀行卡和信用卡通常抽一張牌來(lái)代表它。
就視覺(jué)風(fēng)格而言,現(xiàn)階段應(yīng)用的App中圖標(biāo)的表現(xiàn)類(lèi)型可以分為下圖:
1.平面圖標(biāo);;
2.2.5D立體圖標(biāo);;
3.線性圖標(biāo)。
當(dāng)然還有其他風(fēng)格的icon,但基本都是這三種情況下的延伸。
就圖標(biāo)而言,最重要的是要符合頁(yè)面風(fēng)格,也就是說(shuō),所有的圖標(biāo)風(fēng)格都需要統(tǒng)一(我記得支付寶 s圖標(biāo)以前是平面圖標(biāo),但是目前好像做了一些改變,應(yīng)該還是迭代的,所以現(xiàn)在的風(fēng)格不是很統(tǒng)一)。
最后推薦一個(gè)網(wǎng)站:
Iconfont(百度搜索阿里圖庫(kù)就能找到,logo是一個(gè)小骨架),里面包含了很多圖標(biāo)。微博賬號(hào)可以直接登錄,svg格式的文件可以下載。
我見(jiàn)過(guò)許多設(shè)計(jì)師 互聯(lián)網(wǎng)上的圖標(biāo)制作流程,而且基本都偏向于技術(shù)的介紹。其實(shí)在圖標(biāo)設(shè)計(jì)的過(guò)程中,除了技法,最重要的是圖標(biāo)創(chuàng)意,但是網(wǎng)上很少有系統(tǒng)的介紹。結(jié)合這個(gè)實(shí)際的界面設(shè)計(jì)項(xiàng)目,分享自己對(duì)創(chuàng)意階段界面圖標(biāo)制作方法的理解,用豐富的圖例闡述自己的想法!作為圖形界面設(shè)計(jì)師之間交流的入門(mén)!歡迎大家進(jìn)來(lái)交流!
這個(gè)過(guò)程比較長(zhǎng),我只能分階段準(zhǔn)備,發(fā)!我 我馬上就要畢業(yè)了。有很多事情。請(qǐng)?jiān)徫遥?/p>
今天貼幾張草圖!創(chuàng)意講解的后續(xù)準(zhǔn)備。
第一部分:圖標(biāo)創(chuàng)作階段
其實(shí)在這個(gè)階段之前還有一個(gè)重要的步驟,就是創(chuàng)作準(zhǔn)備。
根據(jù)項(xiàng)目的需要,確定圖標(biāo)的樣式。在界面設(shè)計(jì)的過(guò)程中,有一個(gè)風(fēng)格評(píng)價(jià)的方法來(lái)決定項(xiàng)目走什么風(fēng)格路線。這也是項(xiàng)目前期用戶(hù)調(diào)研的內(nèi)容,有潛力的公司會(huì)制定用戶(hù)角色。
好作品來(lái)源于創(chuàng)作。而好的創(chuàng)作需要注入靈魂,所以我個(gè)人認(rèn)為一個(gè)好的作品是可以通過(guò)手繪來(lái)激發(fā)靈感的。畢竟機(jī)器是沒(méi)有感情的。
LOGO在線制作生成器如何選擇?哪個(gè)好?
目前國(guó)內(nèi)的網(wǎng)絡(luò)設(shè)計(jì)logo平臺(tái)魚(yú)龍混雜,很多都是由一個(gè)圖標(biāo)字體拼湊而成,完全沒(méi)有設(shè)計(jì)感。恕我直言,這樣的標(biāo)志可以 不要被帶走!個(gè)人認(rèn)為一個(gè)合格的logo自動(dòng)生成器需要滿(mǎn)足以下兩個(gè)條件:
1.界面操作簡(jiǎn)單,交互性強(qiáng)。
2.生成的logo好看,能滿(mǎn)足一定程度的自由創(chuàng)意。
這兩點(diǎn)很有道理。首先第一點(diǎn)就是操作要盡量簡(jiǎn)單。我看到許多網(wǎng)站生成的標(biāo)志,但我給你一堆模板,圖形和字體拼湊。說(shuō)實(shí)話,這不是自動(dòng)生成的!而且因?yàn)閘ogo模板數(shù)量有限,你的logo可能很容易和別人碰撞。誰(shuí)希望自己的logo和別人長(zhǎng)得一樣?
第二,生成的logo質(zhì)量必須通過(guò)測(cè)試,不是簡(jiǎn)單的圖標(biāo)字體拼湊。比如下面一個(gè)自動(dòng)生成的網(wǎng)站,一個(gè)咖啡logo,一個(gè)建筑的無(wú)關(guān)圖形,就很尷尬。
此外,從用戶(hù) s的角度,我也想補(bǔ)充一些個(gè)性化的東西,比如換自己喜歡的顏色,喜歡的字體,喜歡的圖形等等。
我用過(guò)幾個(gè)logo自動(dòng)生成器,可以同時(shí)滿(mǎn)足以上兩個(gè)要求。以下網(wǎng)站推薦給大家。
網(wǎng)址:
輸入品牌名稱(chēng),它會(huì)自動(dòng)生成。
會(huì)打字可以設(shè)計(jì)一個(gè)logo。這句話在這里真的可以體會(huì)到。你只需要輸入品牌名稱(chēng),剩下的就交給它了。
從設(shè)計(jì)品牌關(guān)聯(lián)度和審美的角度,基于logo的自動(dòng)生成,我認(rèn)為以上logo設(shè)計(jì)方案是合格的,沒(méi)有那些千奇百怪的配色,辣眼睛的圖形,無(wú)關(guān)的圖標(biāo),生硬的字體。
和有l(wèi)ogo模板的網(wǎng)站不同的是,這個(gè)工具可以根據(jù)你的輸入,智能分析匹配圖標(biāo)顏色和字體,而且不是固定的模板設(shè)計(jì)。字體可以選擇商業(yè)免費(fèi),版權(quán)問(wèn)題很放心。
我覺(jué)得最小心的是下載格式支持JPG、透明背景PNG、矢量PDF、源文件SVG;而一些品牌配套設(shè)計(jì)內(nèi)容,如PPT模板、配套VI等,實(shí)用高效。
值得一試