很久以來就有這樣一個(gè)沖動(dòng),要把一些美學(xué)觀點(diǎn)結(jié)合LOGO實(shí)際制作講解出來,但一來人們對美的概念不同,你認(rèn)為是美的東西其他人不一定接受,因此這個(gè)標(biāo)準(zhǔn)很難定下來;二來這是個(gè)非常大的概念,如何找出其中最具代表性的東西頗費(fèi)周折。因此每次都是半途而廢。而這次在老槍等朋友的幫助下,最終完成了這個(gè)《美工LOGO設(shè)計(jì)指南》。雖然只有三部分內(nèi)容,但多多少少表達(dá)了我們的一些意圖。
說到美工設(shè)計(jì)可能很多朋友會(huì)把它想得很復(fù)雜,事實(shí)也確實(shí)是這樣,真正的美工設(shè)計(jì)并不是把幾幅圖拼湊在一起,或者幾個(gè)濾鏡交互就行了的,但美工設(shè)計(jì)也并不是可望而不可及的事。萬事萬物都有其自身規(guī)律,只要找到那條貫穿始終的規(guī)律,你就掌握了它!而本文正是通過一些實(shí)例,力圖找到這條規(guī)律。如果你是位資深的設(shè)計(jì)大師,請?jiān)诳戳吮疚暮蠖嗉又附蹋蝗绻闶俏怀跎嬖O(shè)計(jì)領(lǐng)域的愛好者,在看了本文后也許會(huì)有所助益;如果你從未接觸過美工設(shè)計(jì),那么在看完本文后至少會(huì)對設(shè)計(jì)的流程有所了解。但是最多的可能,就是你在看完本文后頭腦空空,一無所獲!因?yàn)槲覀儾⒉皇墙棠闳绾尉唧w地設(shè)計(jì)LOGO,因?yàn)槲覀冎皇窍胪ㄟ^LOGO設(shè)計(jì)探討一些抽象的,人性化的東西。但是這個(gè)險(xiǎn),我們愿意冒!
編者按:本文的時(shí)間跨度比較大,因此在第三部分中的某些思路會(huì)與第一部分有些沖突,原本想進(jìn)行修訂一下,不過想到把這種思想的跳躍過程寫出來讓大家看一下可能更為有用,也就偷個(gè)懶不改了。
美工LOGO設(shè)計(jì)思路
美工LOGO設(shè)計(jì)秘密武器
美工LOGO設(shè)計(jì)進(jìn)階
很榮幸,能在這里和大家一起探討關(guān)于網(wǎng)站設(shè)計(jì)的問題。目前,網(wǎng)絡(luò)上有關(guān)網(wǎng)頁制作的各種教程已經(jīng)相當(dāng)多,可以方便地學(xué)習(xí)到最新的技術(shù)和技巧。可是,有關(guān)網(wǎng)頁的設(shè)計(jì),比如設(shè)計(jì)靈感的實(shí)現(xiàn),風(fēng)格的確定,發(fā)展策略,技術(shù)的篩選等的文章卻比較少,許多網(wǎng)友往往有好的材料,卻苦惱沒有好的具有表現(xiàn)力的設(shè)計(jì)。受到索易主持人的鼓勵(lì),阿捷整理了一些網(wǎng)頁的設(shè)計(jì)心得,在這里和大家交流一下,也算拋磚引玉了,希望得到您的指正,如果您有好的建議和心得,也請發(fā)稿給我[email protected],在此先道一聲謝謝!
網(wǎng)站設(shè)計(jì),包含的內(nèi)容非常多。大體分兩個(gè)方面:
一方面是純網(wǎng)站本身的設(shè)計(jì)比如文字排版,圖片制作,平面設(shè)計(jì),三維立體設(shè)計(jì),靜態(tài)無聲圖文,動(dòng)態(tài)有聲影像等;
另一方面是網(wǎng)站的延伸設(shè)計(jì),包括網(wǎng)站的主題定位和瀏覽群的定位,智能交互,制作策劃,形象包裝,宣傳營銷等等。
這兩方面相輔相成(感覺有點(diǎn)象寫辨證論文:),加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展,要提出一個(gè)絕對正確和權(quán)威的設(shè)計(jì)思路是不可能的,要想在一篇文章中概括出來也很難,所以阿捷根據(jù)建設(shè)一個(gè)網(wǎng)站的思路,將自己幾年來網(wǎng)站設(shè)計(jì)制作的心得整理成一個(gè)系列“講座”,告訴給大家(注意:我并不會(huì)非常具體地講某一個(gè)技術(shù)或制作技巧,重點(diǎn)在于思路)希望能給您一些幫助。下面是大致的提綱:
1.定位你的網(wǎng)站主題和名稱;
2.定位你的網(wǎng)站CI形象;
3.確定你的欄目和版塊;
4.網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)
5.網(wǎng)站的層次結(jié)構(gòu)和鏈接結(jié)構(gòu)
6.首頁的設(shè)計(jì)
7.版面布局的竅門
8.色彩的搭配
9.效果與速度
10.替瀏覽者考慮
11.細(xì)微之處見功力
12.建設(shè)完成度與推出時(shí)間
13.交互性與親和度
14.考慮不同的瀏覽器和分辨率
15.字體的設(shè)置和表格的嵌套
16.新技術(shù)的運(yùn)用取舍
17.設(shè)計(jì)好你的banner和位置
18.語句文字--融入感情
19.對網(wǎng)站設(shè)計(jì)初學(xué)者的建議
以上是本“系列”文章的提綱,會(huì)根據(jù)實(shí)際撰寫情況作些變動(dòng)。每星期一篇。我們開始之前,首先明確幾個(gè)前提:
一.網(wǎng)站設(shè)計(jì)與網(wǎng)站制作。我們說網(wǎng)站“設(shè)計(jì)”而不是網(wǎng)站“制作”,它們的區(qū)別在于設(shè)計(jì)是一個(gè)思考的過程,而制作只是將思考的結(jié)果表現(xiàn)出來。一個(gè)成功的網(wǎng)站首先需要一個(gè)優(yōu)秀的設(shè)計(jì),然后輔之優(yōu)秀的制作。設(shè)計(jì)是網(wǎng)站的核心和靈魂,一個(gè)相同的設(shè)計(jì)可以有多種制作表現(xiàn)的方式。
二.我們說的“網(wǎng)站”是指有確定主題和明確目的的實(shí)用性站點(diǎn),不包括純表現(xiàn)類或者純文字類網(wǎng)站。
三.在文章中,可能舉例說明或點(diǎn)評到某些具體站點(diǎn)。首先申明,阿捷不存在為任何站點(diǎn)作廣告的“嫌疑“。
好了,廢話少說,我們進(jìn)入正題:
========================================================
一:定位你的網(wǎng)站主題和名稱
設(shè)計(jì)一個(gè)站點(diǎn),首先遇到的問題就是定位網(wǎng)站主題。
所謂主題也就是你的網(wǎng)站的題材。網(wǎng)絡(luò)上的網(wǎng)站題材千奇百怪,琳瑯滿目。只要你想的到,就可以把它制作出來。下面是美國《個(gè)人電腦》雜志(PC Magazine)評出的99年度排名前100位的全美知名網(wǎng)站的十類題材,對我們有一些參考價(jià)值。
第1類:網(wǎng)上求職
第2類:網(wǎng)上聊天/即時(shí)信息/ ICQ
第3類:網(wǎng)上社區(qū)/討論 / 郵件列表
第4類:計(jì)算機(jī)技術(shù)
第5類:網(wǎng)頁/ 網(wǎng)站開發(fā)
第6類:娛樂網(wǎng)站
第7類:旅行
第8類:參考 /資訊
第9類:家庭/教育
第10類:生活/時(shí)尚
每個(gè)大類都可以繼續(xù)細(xì)分,比如娛樂類再分為體育 /電影/ 音樂大類,音樂又可以按格式分為MP3,VQF,Ra,按表現(xiàn)形式分古典,現(xiàn)代,搖滾等。以上都只是最常見的題材,還有許多專業(yè)的,另類的,獨(dú)特的題材可以選擇,比如中醫(yī),熱帶魚,天氣預(yù)報(bào)等等,同時(shí),各個(gè)題材相聯(lián)系和交叉結(jié)合可以產(chǎn)生新得題材,例如旅游論壇(旅游+討論),經(jīng)典入球播放(足球+影視)按這樣分下去,題材可以有成千上萬個(gè),你不會(huì)再為題材重復(fù),難以選擇而煩惱了吧:)
對于題材的選擇,我的建議是:
1.主題要小而精。定位要小,內(nèi)容要精。如果你想制作一個(gè)包羅萬象的站點(diǎn),把所有您認(rèn)為精彩的東西都放在上面,那么往往會(huì)事與愿違,給人的感覺是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)絡(luò)的最大特點(diǎn)就是新和快,目前最熱門的個(gè)人主頁都是天天更新甚至幾小時(shí)更新一次。最新的調(diào)查結(jié)果也顯示,網(wǎng)絡(luò)上的“主題站”比“萬全站”更受人們喜愛,就好比專賣店和百貨商店,如果我需要買某方面的東西,肯定會(huì)選擇專買店。再舉個(gè)例子,我的一位網(wǎng)友KK希望制作文學(xué)方面的題材,但是文學(xué)也包括許多許多內(nèi)容,有小說,詩歌,散文;有科幻,武俠,推理;阿捷仔細(xì)了解了他的擅長和想要提供的主要內(nèi)容,最后將題材定位在網(wǎng)絡(luò)文學(xué)上,刪除了原有的一些無關(guān)的文學(xué)作品,集中擴(kuò)大和整理網(wǎng)絡(luò)文學(xué)作品。網(wǎng)站推出后,很快受到大家的喜愛。
2.題材最好是你自己擅長或者喜愛的內(nèi)容。比如:您對擅長編程,就可以建立一個(gè)編程愛好者網(wǎng)站;對足球感興趣,可以報(bào)道最新的戰(zhàn)況,球星動(dòng)態(tài)等。這樣在制作時(shí),才不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力,沒有熱情,很難設(shè)計(jì)制作出杰出的作品。
3.題材不要太濫或者目標(biāo)太高。“太濫”是指到處可見,人人都有的題材;比如軟件下載,免費(fèi)信息。“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀,知名度很高的站點(diǎn),你要超過它是很困難的。除非你下決心和有實(shí)力競爭并超過它,記住,在互聯(lián)網(wǎng)上只有第一,人們往往只記得最好的網(wǎng)站,第二第三名的印象則會(huì)淺得多。
OK,如果你已經(jīng)有一個(gè)絕妙的主意了,那我們開始為網(wǎng)站起名字。(哎呀,別踢我!)您可能認(rèn)為起名字與網(wǎng)站設(shè)計(jì)無關(guān),阿捷在這里浪費(fèi)時(shí)間。其實(shí)網(wǎng)站名稱也是網(wǎng)站設(shè)計(jì)的一部分,而且是很關(guān)鍵的一個(gè)要素。你來看,“電腦學(xué)習(xí)室”和“電腦之家”顯然是后者簡練;“迷笛樂園”和“MIDI樂園”顯然是后者明晰;“兒童天地”和“中國幼兒園”顯然是后者大氣。我們都知道PIIICUP的中文名稱“奔騰”,如果改為“奔跑”,可能就沒有今天這么“火”了:)。和現(xiàn)實(shí)生活中一樣,網(wǎng)站名稱是否正氣,響亮,易記,對網(wǎng)站的形象和宣傳推廣也有很大影響。一般的建議是:
1. 名稱要正。這個(gè)“正”是阿捷自己的說法,其實(shí)就是要合法,和理,和情。不能用反動(dòng)的,色情的,迷信的,危害社會(huì)安全的名詞語句。
2. 名稱要易記。根據(jù)中文網(wǎng)站瀏覽者的特點(diǎn),除非特定需要,網(wǎng)站名稱最好用中文名稱,不要使用英文或者中英文混合型名稱。例如:beyond studio和超越工作室,后者更親切好記。另外,網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個(gè)字(最好四個(gè)字)以內(nèi),比如“XX閣”“XX設(shè)計(jì)室”,四個(gè)字的可以用成語,如“一網(wǎng)打進(jìn)”。字?jǐn)?shù)少還有個(gè)好處,一般友情鏈接的小logo尺寸是88X31,而六個(gè)字的寬度是78左右,適合于其他站點(diǎn)的鏈接排版。
3. 名稱要有特色。名稱平實(shí)就可以接受,如果能體現(xiàn)一定的內(nèi)涵,給瀏覽者更多的視覺沖擊和空間想象力,則為上品。這里舉幾個(gè)阿捷認(rèn)為很好的名稱:音樂前衛(wèi),網(wǎng)頁陶吧,天籟絕音。在體現(xiàn)出網(wǎng)站主題的同時(shí),能點(diǎn)出特色之處。
總之,定位題材和名稱是設(shè)計(jì)一個(gè)網(wǎng)站的第一步,也是很重要的一部分。如果能找到一個(gè)滿意的名稱,花一天時(shí)間翻字典也是值得的:)
好,今天的心得就寫到這里。因?yàn)槭堑谝黄匀绻鷮Ρ鞠盗兄v座形式有任何建議,請速來信告訴阿捷,以便阿捷作相應(yīng)更改。如果您有更好的心得,也請來信,阿捷會(huì)擇優(yōu)發(fā)表。謝謝大家!下次我們討論的主題是“定位你的網(wǎng)站CI形象”。
新聞熱點(diǎn)
疑難解答
圖片精選