網(wǎng)頁(yè)設(shè)計(jì)平面設(shè)計(jì)
提問(wèn)問(wèn)題
列表
-
學(xué)UI設(shè)計(jì)還是web前端開(kāi)發(fā)?
查看答案>>
-
最好的平面設(shè)計(jì)軟件有哪些?
查看答案>>
-
設(shè)計(jì)網(wǎng)站有哪些
查看答案>>
-
網(wǎng)頁(yè)的設(shè)計(jì)原理是什么?
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)需要學(xué)習(xí)哪些軟件?
查看答案>>
-
什么是網(wǎng)頁(yè)設(shè)計(jì)
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)師的工作職責(zé)都是什么?
查看答案>>
-
網(wǎng)站美工與平面設(shè)計(jì)之間有什么聯(lián)系與區(qū)別?
查看答案>>
-
APP設(shè)計(jì)與平面設(shè)計(jì)的區(qū)別
查看答案>>
-
UI設(shè)計(jì),平面設(shè)計(jì),網(wǎng)站設(shè)計(jì)有什么不同?
查看答案>>
學(xué)UI設(shè)計(jì)還是web前端開(kāi)發(fā)?
這個(gè)完全要看自己的基礎(chǔ)和愛(ài)好,如果是學(xué)美術(shù)或者設(shè)計(jì)出身當(dāng)然是學(xué)洗UI要好一些,但是如果是學(xué)習(xí)計(jì)算機(jī)或者編程出身就學(xué)習(xí)前端要好一些。首先說(shuō)一下兩個(gè)崗位的聯(lián)系和區(qū)別現(xiàn)在網(wǎng)站前端工程師和美工是兩個(gè)完全不同的職位,兩者的工作內(nèi)容也是完全不同的。從2013年開(kāi)始,一些的中小型的公司也開(kāi)始將網(wǎng)站前端和美工分離,到目前,基本所有的專業(yè)的開(kāi)發(fā)網(wǎng)站的公司都是設(shè)置了網(wǎng)站美工和網(wǎng)站前端兩職位,其工作內(nèi)容和職責(zé)是完全不同的。首先說(shuō)一下開(kāi)發(fā)一個(gè)網(wǎng)站的大致流程:客戶提出需求——>網(wǎng)站美工根據(jù)客戶的需求設(shè)計(jì)效果圖并得到客戶的認(rèn)可——>網(wǎng)站前端工程師使用前端代碼將效果圖做成靜態(tài)的網(wǎng)頁(yè)——>后臺(tái)開(kāi)發(fā)人員填充后臺(tái)數(shù)據(jù)——>測(cè)試完成上線。根據(jù)以上的流程應(yīng)該可以知道美工和前端的工作分工是不同,現(xiàn)在兩者沒(méi)有任何交集只是團(tuán)隊(duì)合作,具體的職責(zé)和內(nèi)容如下:1、網(wǎng)站美工網(wǎng)站美工一般是學(xué)美術(shù)或者設(shè)計(jì)出身,精通photoshop、AI、AE等平面設(shè)計(jì)工具,其在網(wǎng)站開(kāi)發(fā)過(guò)程的中的職責(zé)就是按照客戶或者公司的需求設(shè)計(jì)出符合客戶需求和界面或者顏色符合大眾視覺(jué)的網(wǎng)站效果,如根據(jù)不同行業(yè)的需求設(shè)計(jì)顏色、設(shè)計(jì)界面風(fēng)格等,其工作的最后成果就是網(wǎng)站的效果圖。2、網(wǎng)站前端工程師網(wǎng)站前端工程師不參與任何的設(shè)計(jì),直接將網(wǎng)站美工制作的網(wǎng)站效果圖使用ps按照效果圖進(jìn)行切片并使用html、css、js等代碼進(jìn)行網(wǎng)頁(yè)的制作,最終編寫(xiě)出符合w3c標(biāo)準(zhǔn)的兼容各個(gè)主流瀏覽器的靜態(tài)頁(yè)面,同時(shí)還需要按照后臺(tái)開(kāi)發(fā)人員的要求留下一些后臺(tái)數(shù)據(jù)的接口。所以說(shuō)網(wǎng)站前端工程師的是編程而不是設(shè)計(jì)。
最好的平面設(shè)計(jì)軟件有哪些?
主流平面設(shè)計(jì)軟件—— 圖像處理:Adobe Photoshop 矢量繪圖:CorelDRAW,Adobe Illustrator 排版軟件:Adobe InDesign,Adobe PageMaker 網(wǎng)頁(yè)設(shè)計(jì):Adobe Dreamweaver 多媒體演示:Adobe Director,Macromedia Authorware 平面動(dòng)畫(huà):Adobe Flash 就列舉這些吧,已經(jīng)比較全面了?! ∽m樌?!
設(shè)計(jì)網(wǎng)站有哪些
視覺(jué)中國(guó) 思緣設(shè)計(jì) 藍(lán)色理想 設(shè)計(jì)在線 創(chuàng)意產(chǎn)業(yè) 火星時(shí)代 網(wǎng)頁(yè)設(shè)計(jì) 插畫(huà)中國(guó) 工業(yè)設(shè)計(jì) 我要自學(xué) 紅動(dòng)中國(guó) 葉子樹(shù)網(wǎng) 教程網(wǎng) 改圖網(wǎng) ps聯(lián)盟 設(shè)計(jì)之家 翼虎網(wǎng) 亞洲ci 韓國(guó)設(shè)計(jì) 中國(guó)設(shè)計(jì) 網(wǎng)易學(xué)院 美圖秀秀 國(guó)外設(shè)計(jì)設(shè)計(jì)綜合 MVP 中國(guó)設(shè)計(jì)之窗 創(chuàng)意在線 網(wǎng)頁(yè)設(shè)計(jì)師聯(lián)盟 藍(lán)色理想 閃吧 平面設(shè)計(jì) 平面必看 中國(guó)平面設(shè)計(jì)在 3視覺(jué) 數(shù)碼資源網(wǎng) PS教程 PS教程論壇 室內(nèi)設(shè)計(jì) 室內(nèi)必看 和家網(wǎng) 中國(guó)建筑與室內(nèi) 中華室內(nèi)設(shè)計(jì)網(wǎng) 土巴兔 室內(nèi)人 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)師聯(lián)盟 藍(lán)色理想 設(shè)計(jì)路上 網(wǎng)頁(yè)素材 酷站欣賞 網(wǎng)頁(yè)設(shè)計(jì)公司 >> 包裝設(shè)計(jì) 中國(guó)包裝設(shè)計(jì)網(wǎng) 中國(guó)包裝設(shè)計(jì)網(wǎng) 中華印刷包裝網(wǎng) 包裝與設(shè)計(jì) 包裝設(shè)計(jì)-簡(jiǎn)介 包裝設(shè)計(jì)公司 建筑設(shè)計(jì) ABBS建筑論 中國(guó)建筑與室內(nèi) 中國(guó)設(shè)計(jì)在線- 國(guó)家建筑標(biāo)準(zhǔn)設(shè) 21世紀(jì)建筑設(shè) 婭庫(kù)圖紙網(wǎng) 工業(yè)設(shè)計(jì) BillWan 中國(guó)工業(yè)設(shè)計(jì)在 設(shè)計(jì).中國(guó) 納金網(wǎng) 中國(guó)工業(yè)設(shè)計(jì)協(xié) 廣東工業(yè)設(shè)計(jì)網(wǎng) 服裝設(shè)計(jì) 中國(guó)品牌服裝網(wǎng) 中國(guó)服裝網(wǎng) 服裝資訊 服飾流行前線 各類服裝設(shè)計(jì) 中國(guó)服裝設(shè)計(jì)網(wǎng) >> 設(shè)計(jì)競(jìng)標(biāo) 豬八戒 任務(wù)中國(guó) 時(shí)間財(cái)富網(wǎng) 一品威客 征集網(wǎng) 全球設(shè)計(jì)網(wǎng) 廣告?zhèn)髅? 奧美廣告公司 百度聯(lián)盟 好耶廣告 媒介網(wǎng) 設(shè)計(jì)前沿 谷歌廣告聯(lián)盟 展廳設(shè)計(jì) 展廳設(shè)計(jì)-百科 大禹春秋 西典 展廳效果圖 頂尖設(shè)計(jì) 金字塔-案例 >> 創(chuàng)意設(shè)計(jì) 創(chuàng)意設(shè)計(jì)-百科 中國(guó)藝術(shù)設(shè)計(jì)聯(lián) 創(chuàng)意酷 超現(xiàn)實(shí) 搜酷全球 先看看 網(wǎng)站案例 銘萬(wàn) 中企動(dòng)力 網(wǎng)頁(yè)加油站 牧星策劃 萬(wàn)戶網(wǎng)絡(luò) 商城網(wǎng)站建設(shè) 品牌設(shè)計(jì) 品牌設(shè)計(jì)-百科 正邦 上知策劃 北京美研 上海美御 上海三松 字體下載 優(yōu)秀英文字體 字體下載 字體-站長(zhǎng)站 字體下載大寶庫(kù) The Web 圖標(biāo)字體 >> 設(shè)計(jì)知識(shí) 做Banner 照片處理 提高創(chuàng)新能力 名片設(shè)計(jì)要點(diǎn) 配色基礎(chǔ) 色彩搭配 網(wǎng)站教程 w3schoo HTML5研究 HTML5中文 前端觀察 前端開(kāi)發(fā)網(wǎng) 前端開(kāi)發(fā) UI設(shè)計(jì) UI設(shè)計(jì)-簡(jiǎn)介 ICONFAN UI設(shè)計(jì) UI作品 UI圖 UIRSS >> PS教程 小技巧 PS下載 17個(gè)PS技巧 Psdtuts PS聯(lián)盟 PS愛(ài)好者 用戶體驗(yàn) UCD大社區(qū) 阿里巴巴用戶體 騰訊ISUX 騰訊WSD Prower 淘寶UED 網(wǎng)站模板 模板王 模板天下 設(shè)計(jì)路上 依兒酷站 網(wǎng)站模板下載 佳木中國(guó) 發(fā)型設(shè)計(jì) 發(fā)型屋 愛(ài)美網(wǎng) 在線發(fā)型設(shè)計(jì) 發(fā)型設(shè)計(jì)-簡(jiǎn)介 發(fā)型設(shè)計(jì) 發(fā)型圖片 業(yè)內(nèi)資訊 TechWeb 速途網(wǎng) 艾瑞網(wǎng) 癮科技 雷鋒網(wǎng) 36氪 http://www.vipsheji.cn/
網(wǎng)頁(yè)的設(shè)計(jì)原理是什么?
網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì)原則理念(1)內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計(jì)做一個(gè)良好的網(wǎng)頁(yè)設(shè)計(jì),需要了解客戶的東西很多,比如:1、建站目的(是主推產(chǎn)品還是平品牌,是主要注重seo還是用戶交互等)。2、網(wǎng)站類型。3、欄目規(guī)劃及每個(gè)欄目的表現(xiàn)形式及功能要求。4、主色調(diào)、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址。5、根據(jù)行業(yè)和客戶要求,哪些是著重表現(xiàn)。6、是否分期建設(shè)、考慮后期的兼容性、是否要開(kāi)發(fā)其他語(yǔ)言版本。7、客戶是否有強(qiáng)烈的建站欲望。8、你是否能在精神意識(shí)上控制住客戶。當(dāng)把上述的內(nèi)容都弄明白了的時(shí)候,大腦中就已經(jīng)給這個(gè)網(wǎng)站有了全面而形象的定位了,這時(shí)才是有的放矢去做界面設(shè)計(jì)的時(shí)候了。(2)界面是弱化的,突出的是功能一個(gè)好的界面設(shè)計(jì)它的界面是弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個(gè)地方開(kāi)始使用這個(gè)網(wǎng)站,能點(diǎn)一次的,絕不點(diǎn)第二次。當(dāng)然上面說(shuō)的是大多數(shù)功能性網(wǎng)站,對(duì)于宣傳展示性網(wǎng)站,諸如加特效的或flash網(wǎng)站,可能就不得不花哨一些,但不能太過(guò)分。網(wǎng)站不是動(dòng)畫(huà)片,在效率越來(lái)越高,社會(huì)心理越來(lái)越浮躁的中國(guó),人們的耐心越來(lái)越小,心理承受能力越來(lái)越低。效果可以體現(xiàn)意境,點(diǎn)到為止。(3)模塊化和可修改性強(qiáng)模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風(fēng)格,還可以降低程序開(kāi)發(fā)的強(qiáng)度。這里就設(shè)計(jì)一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識(shí)了,不再冗述。無(wú)論是架構(gòu)還是模塊或圖片,都要考慮可修改性強(qiáng)。舉個(gè)簡(jiǎn)單的例子logo、按鈕等,很多人喜歡制作圖片,n個(gè)按鈕就是n張圖片。如果只做3-5類按鈕的背景圖片,然后用在網(wǎng)頁(yè)代碼里打上文字,那么修改起來(lái)就簡(jiǎn)單,而網(wǎng)頁(yè)顯示的字體是帶有鋸齒的,一般即能清晰又保證美觀的字體字號(hào)有幾類:宋體12px |宋體12px粗體|宋體14px |宋體14px粗體|黑體20px | verdana 9px | arialblack 12px+ |(4)創(chuàng)意是可恥的,分析能力遠(yuǎn)比創(chuàng)意來(lái)的重要設(shè)計(jì)界動(dòng)輒就大談什么“創(chuàng)意”,需要指出的是,還沒(méi)有搞清目的意義和內(nèi)容,還沒(méi)在技術(shù)制作上臻于完善的基礎(chǔ)上,用創(chuàng)藝和特效來(lái)迷惑客戶和訪客是可恥的。一個(gè)網(wǎng)站設(shè)計(jì)者的分析能力遠(yuǎn)比創(chuàng)藝來(lái)的重要。
網(wǎng)頁(yè)設(shè)計(jì)需要學(xué)習(xí)哪些軟件?
html 和 javascript、css 語(yǔ)言PHOTOSHOP和網(wǎng)頁(yè)制作軟件Dreamweaver、還有Flash 、Firewokks、FrontPage等。動(dòng)態(tài)網(wǎng)頁(yè)要涉及的多媒體知識(shí),涉及到的多媒體軟件會(huì)。
什么是網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)綜合性的,工作,他不但但要求你用美術(shù),美術(shù)只是其它一門(mén)最重要的,還有社會(huì)文化的了解,對(duì)各方面藝術(shù)的精通,精懂,你才會(huì),有更出色的作品,更好的創(chuàng)意,有時(shí)候靈感,就是原自每個(gè)人的生活,和我們十分相近,只要用心觀察,用心學(xué)習(xí),就會(huì)有進(jìn)步的首先,基礎(chǔ)的工具軟件,PS FLASH DW AI 3DMAX這些都要求會(huì)使用,并用其做出效果然后,你要用HTML CSS JAVASCIRPT 有所了解并學(xué)習(xí),基礎(chǔ)客戶端語(yǔ)言編程,在則,你最好,了解后,能進(jìn)一些好的北京地方的,科班進(jìn)行學(xué)習(xí)深造,了解構(gòu)圖方法和一些設(shè)計(jì)理念以備在自己的工作中加以應(yīng)用,最后,就是,學(xué)完后,不一定說(shuō)明你就是最好的優(yōu)秀的,各各方面,要看你自己的能力,是否,會(huì)來(lái)到這個(gè)行業(yè)中,去學(xué)習(xí)去進(jìn)步跟你的團(tuán)隊(duì)一起完成一個(gè)提案,等,都 是問(wèn)題,最好學(xué)好以后去一些公司實(shí)習(xí),或一邊實(shí)習(xí)一邊學(xué)習(xí),建意你從平面設(shè)計(jì)開(kāi)始學(xué)起,從平面設(shè)計(jì)轉(zhuǎn)入交互設(shè)計(jì),會(huì)有一守的過(guò)濾,這樣對(duì)你日后 ,發(fā)展有一定的幫助,你來(lái)我團(tuán)隊(duì)吧,我是做設(shè)計(jì)的,這東西,免費(fèi)沒(méi)有指點(diǎn)你的,你要慢慢學(xué),你好,你好,網(wǎng)頁(yè)設(shè)計(jì)一門(mén)綜合 性比交廣的學(xué)課,當(dāng)然,我也是這個(gè)行業(yè)中的一員,就像我來(lái)說(shuō)目前在轉(zhuǎn)型,熱門(mén)行業(yè)做的人太多了,比電腦公司技術(shù)員還多,所以說(shuō),如果你真想入這行業(yè)可以進(jìn)我團(tuán)交流,大家一起學(xué)習(xí),當(dāng)然,做設(shè)計(jì),首先得會(huì)用PS吧,最基本你要得會(huì)處理圖片吧,平面設(shè)計(jì)你得懂吧,沒(méi)有平面的基礎(chǔ)想做出好的網(wǎng)頁(yè)基本很難得,出非你是做普通的,在則,網(wǎng)頁(yè)這個(gè)交互性的東西,還要要求用戶懂動(dòng)畫(huà),在高點(diǎn)得會(huì)JS JQ程序什么的,去實(shí)現(xiàn)他的動(dòng)作。所以說(shuō),最重要的就是你要會(huì)設(shè)計(jì),會(huì)設(shè)計(jì)前提是你得會(huì)用PS 然后就是FLASH 或AI 這三個(gè)軟件,其它的還可以商量 ,如果這三個(gè)不會(huì),那就得學(xué)軟件先,學(xué)好軟件才能說(shuō)入這個(gè)門(mén)的條件后面還有HTML CSS DIV PHP JS JQ 很多東西得學(xué),最重要的就是會(huì)跟客戶溝通,溝通是設(shè)計(jì)的一把鑰匙,有了它,你會(huì)事辦公倍的,祝你好運(yùn),希望你可以加入我們團(tuán)隊(duì),共同學(xué)習(xí)謝謝,說(shuō)的太多了,不知道對(duì)你有用沒(méi)用,希望做為參考,僅能參考 ,不做評(píng)論,不會(huì)可以學(xué),但要多動(dòng)手 多做,基礎(chǔ)差可以補(bǔ),語(yǔ)言后其可以在學(xué),前其先把圖做好,CSS做好,這都不是太難的課目難得是JS跟后其的動(dòng)畫(huà) 效果上。要對(duì)自己有信心,加油,
網(wǎng)頁(yè)設(shè)計(jì)師的工作職責(zé)都是什么?
網(wǎng)頁(yè)設(shè)計(jì)師的工作職責(zé)如下:1、負(fù)責(zé)公司網(wǎng)站的頁(yè)面設(shè)計(jì)及美觀優(yōu)化;2、負(fù)責(zé)網(wǎng)站各類專題模板的設(shè)計(jì)及制作;3、負(fù)責(zé)網(wǎng)站各類活動(dòng)的宣傳廣告、標(biāo)語(yǔ)的圖片設(shè)計(jì);4、負(fù)責(zé)網(wǎng)站產(chǎn)品的美工設(shè)計(jì),對(duì)交互體驗(yàn)有較為深入的了解;5、對(duì)頁(yè)面進(jìn)行持續(xù)的優(yōu)化,不斷提升訪問(wèn)者的用戶體驗(yàn);6、編寫(xiě)可復(fù)用的用戶界面組件;7、協(xié)同其他技術(shù)部門(mén),做前端開(kāi)發(fā)技術(shù)支持。
網(wǎng)站美工與平面設(shè)計(jì)之間有什么聯(lián)系與區(qū)別?
平面設(shè)計(jì)師使用軟件photoshop、Coreldraw、illustrator、Indesign等網(wǎng)站美工所使用軟件般都Photoshop、Flash、Fireworks部標(biāo)志(Logo)需要使用Coreldraw進(jìn)行設(shè)計(jì)說(shuō)平面設(shè)計(jì)網(wǎng)站美工所使用軟件技巧都差都需要靈運(yùn)用色彩搭配版塊布局等 兩者同首先平面設(shè)計(jì)師設(shè)計(jì)作品主要用于噴繪或者印刷所使用色彩模式般CMYKCMYK格式網(wǎng)頁(yè)能顯示;網(wǎng)站美工所使用軟件必須使用RGB色彩模式 其平面設(shè)計(jì)師般說(shuō)作品寬固定且變化幾十米寬高樓面廣告火柴盒圖片都設(shè)計(jì)內(nèi)容且作品般采用96dpi辨率經(jīng)采用300dpi網(wǎng)站文件般用mm或者cm作寬度高度單位;網(wǎng)站美工般說(shuō)作品寬度固定說(shuō)要適應(yīng)電腦屏幕寬度且般用像素值(px)表示文件寬度高度(平面設(shè)計(jì)師始知道) 再網(wǎng)站美工要求圖片精度及平面設(shè)計(jì)師于范圍內(nèi)設(shè)計(jì)更合理效視覺(jué)效要求比平面設(shè)計(jì)師要高 說(shuō)網(wǎng)站美工必須比平面設(shè)計(jì)師更進(jìn)步或者說(shuō)平面設(shè)計(jì)師軟件熟練操作技巧進(jìn)習(xí)網(wǎng)站美工技巧事半功倍 現(xiàn)網(wǎng)站建設(shè)行業(yè)根據(jù)公司規(guī)模員工同般僅僅要求網(wǎng)站美工設(shè)計(jì)網(wǎng)站界面需要懂基本網(wǎng)站設(shè)計(jì)知識(shí)般說(shuō)網(wǎng)站建設(shè)網(wǎng)站美工職位般應(yīng)擔(dān)網(wǎng)頁(yè)設(shè)計(jì)師職責(zé)說(shuō)單要能設(shè)計(jì)網(wǎng)站界面需要能網(wǎng)站界面進(jìn)轉(zhuǎn)化網(wǎng)站編碼我現(xiàn)經(jīng)說(shuō)轉(zhuǎn)變DIV+CSS或者Table+CSS代碼并且要能適應(yīng)瀏覽器符合W3C標(biāo)準(zhǔn) 現(xiàn)始新習(xí)網(wǎng)頁(yè)設(shè)計(jì)童鞋建議直接習(xí)HTML5主流管PC網(wǎng)頁(yè)設(shè)計(jì)移互聯(lián)網(wǎng)應(yīng)用設(shè)計(jì) 所現(xiàn)已經(jīng)合格(定要色色更)平面設(shè)計(jì)師想要變網(wǎng)站美工建議自職業(yè)規(guī)劃定義網(wǎng)頁(yè)設(shè)計(jì)師首先習(xí)解網(wǎng)頁(yè)設(shè)計(jì)基本要求特點(diǎn)(說(shuō)實(shí)教帶星期網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)同處完全搞清楚并且駕輕熟)進(jìn)耐習(xí)HTML5習(xí)DIV+css現(xiàn)所看各式各網(wǎng)頁(yè)界面能隨所欲設(shè)計(jì) 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)師所設(shè)計(jì)代碼用管內(nèi)容現(xiàn)(程序員工作)要所現(xiàn)網(wǎng)頁(yè)元素(圖片、文字、鏈接、畫(huà)、按鈕、輸入框、邊框線等等等等)表現(xiàn)形式進(jìn)行嚴(yán)格控制 2011網(wǎng)頁(yè)設(shè)計(jì)師能更涉及移互聯(lián)網(wǎng)應(yīng)用界面設(shè)計(jì)要看公司職位任職般型公司網(wǎng)站設(shè)計(jì)相說(shuō)要容易進(jìn)入專門(mén)進(jìn)行網(wǎng)站發(fā)網(wǎng)絡(luò)公司工作量非進(jìn)入創(chuàng)新型IT公司能涉及創(chuàng)新思想比較 某些公司能網(wǎng)頁(yè)設(shè)計(jì)師需要做網(wǎng)站美工需要界面設(shè)計(jì)JPG圖片OK平面設(shè)計(jì)師轉(zhuǎn)變網(wǎng)站美工容易做 提問(wèn)者 言: 謝謝
APP設(shè)計(jì)與平面設(shè)計(jì)的區(qū)別
平面設(shè)計(jì)主要學(xué)習(xí)如報(bào)紙廣告、噴繪寫(xiě)真、名片、路牌、企業(yè)樣冊(cè)、VI設(shè)計(jì)、LOGO標(biāo)志、宣傳單頁(yè)、宣傳折頁(yè)、海報(bào)、包裝設(shè)計(jì)及婚紗設(shè)計(jì)等,這些都屬于平面設(shè)計(jì)的范疇。APP UI的本意是用戶界面,是英文User和interface的縮寫(xiě)。從字面上看是用戶與界面2個(gè)組成部分,但實(shí)際上還包括用戶與界面之間的交互關(guān)系。界面設(shè)計(jì),在漫長(zhǎng)的軟件發(fā)展中,界面設(shè)計(jì)工作一直沒(méi)有被重視起來(lái)。做界面設(shè)計(jì)的人也被貶義的稱為“美工”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣,是產(chǎn)品的重要賣(mài)點(diǎn)。一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受,拉近人與電腦的距離,為商家創(chuàng)造賣(mài)點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪畫(huà),他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì),是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。
UI設(shè)計(jì),平面設(shè)計(jì),網(wǎng)站設(shè)計(jì)有什么不同?
一、UI設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)的簡(jiǎn)單介紹:①-UI設(shè)計(jì)的定義:UI即User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。軟件設(shè)計(jì)可分為兩個(gè)部分:編碼設(shè)計(jì)與UI設(shè)計(jì)。UI的本意是用戶界面,是英文User和 Interface的縮寫(xiě)。從字面上看是用戶與界面2個(gè)部分組成,但實(shí)際上還包括用戶與界面之間的交互關(guān)系。在飛速發(fā)展的電子產(chǎn)品中,界面設(shè)計(jì)工作一點(diǎn)點(diǎn)的被重視起來(lái)。做界面設(shè)計(jì)的“美工”也隨之被稱之為“UI設(shè)計(jì)師”或“UI工程師”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣,是產(chǎn)品的重要賣(mài)點(diǎn)。一個(gè)電子產(chǎn)品擁有美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受,拉近人與商品的距離,是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)既不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果,而是終端用戶的感受。②-平面設(shè)計(jì)的定義:平面設(shè)計(jì)(graphic design),也稱為視覺(jué)傳達(dá)設(shè)計(jì),是以“視覺(jué)”作為溝通和表現(xiàn)的方式,透過(guò)多種方式來(lái)創(chuàng)造和結(jié)合符號(hào)、圖片和文字,借此作出用來(lái)傳達(dá)想法或訊息的視覺(jué)表現(xiàn)。平面設(shè)計(jì)師可能會(huì)利用字體排印、視覺(jué)藝術(shù)、版面(page layout)、電腦軟件等方面的專業(yè)技巧,來(lái)達(dá)成創(chuàng)作計(jì)劃的目的。[1] 平面設(shè)計(jì)通??芍钢谱鳎ㄔO(shè)計(jì))時(shí)的過(guò)程,以及最后完成的作品。平面設(shè)計(jì)的常見(jiàn)用途包括標(biāo)識(shí)(商標(biāo)和品牌)、出版物(雜志,報(bào)紙和書(shū)籍)、平面廣告,海報(bào),廣告牌,網(wǎng)站圖形元素、標(biāo)志和產(chǎn)品包裝。例如,產(chǎn)品包裝可能包括的商標(biāo)或其他的藝術(shù)作品、編排文本和純粹的設(shè)計(jì)元素,如風(fēng)格統(tǒng)一的圖像,形狀,大小和顏色。組合是平面設(shè)計(jì)的最重要的特性之一,尤其是當(dāng)產(chǎn)品使用預(yù)先存在的材料或多種元素融合。③-網(wǎng)站設(shè)計(jì)的定義:簡(jiǎn)單來(lái)說(shuō),網(wǎng)站設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIFs, JPEGs,PNGs)和表格,都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。而更復(fù)雜的信息如矢量圖形、動(dòng)畫(huà)、視頻、聲頻等多媒體檔案則需要插件程序來(lái)運(yùn)行,同樣地它們亦需要標(biāo)示語(yǔ)言移植在網(wǎng)站內(nèi)。網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)過(guò)程的前端(客戶端)的設(shè)計(jì)通常用于描述一個(gè)網(wǎng)站,包括寫(xiě)標(biāo)記,但是這是一個(gè)灰色地帶,因?yàn)檫@還覆蓋了網(wǎng)絡(luò)的發(fā)展。網(wǎng)頁(yè)設(shè)計(jì)師預(yù)計(jì)將有意識(shí)的可用性,如果他們的作用,需要?jiǎng)?chuàng)建標(biāo)記,那么它們也有望成為最新的網(wǎng)頁(yè)易讀性指引。網(wǎng)站設(shè)計(jì)(Web Design),網(wǎng)站設(shè)計(jì)是一個(gè)把軟件需求轉(zhuǎn)換成用軟件網(wǎng)站表示的過(guò)程,就是指在因特網(wǎng)上,根據(jù)一定的規(guī)則,使用Dreamweaver、photoshop等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。簡(jiǎn)單地說(shuō),網(wǎng)站是一種通訊工具,就像布告欄一樣,人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)的資訊(信息),或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)絡(luò)服務(wù)(網(wǎng)絡(luò)服務(wù))。人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪問(wèn)網(wǎng)站,獲取自己需要的資訊(信息)或者享受網(wǎng)絡(luò)服務(wù)。網(wǎng)站它是由域名(俗稱網(wǎng)址),網(wǎng)站源程序和網(wǎng)站空間三部分構(gòu)成。其中域名它是類似于互聯(lián)網(wǎng)上的門(mén)牌號(hào)碼,是用于識(shí)別和定位互聯(lián)網(wǎng)上計(jì)算機(jī)的層次結(jié)構(gòu)式字符標(biāo)識(shí),與該計(jì)算機(jī)的互聯(lián)網(wǎng)協(xié)議(IP)地址相對(duì)應(yīng)。而網(wǎng)站設(shè)計(jì)是設(shè)計(jì)師通過(guò)像Frontpage或Dreamweaver等工具來(lái)對(duì)網(wǎng)站進(jìn)行編輯的!二、UI設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)所需的工具:1、UI設(shè)計(jì)所需的軟件工具:從左開(kāi)始一次為:Photoshop、Illustrator、CorelDraw、Indesign、Fireworks、DreamWeaver、Flash 、HTML5、CSS(Cascading Style Sheets)、Axure RP Pro 7.0、IOS、Android。2、平面設(shè)計(jì)所需的軟件工具:Photoshop、Illustrator、CorelDraw、Indesign、Fireworks、PageMaker。3、網(wǎng)站設(shè)計(jì)所需的軟件工具:①Photoshop:學(xué)習(xí)圖像處理、編輯、通道、圖層、路徑綜合運(yùn)用;圖像色彩的校正;各種特效濾鏡的使用;特效字的制作;圖像輸出與優(yōu)化等,靈活運(yùn)用圖層風(fēng)格,流體變形及褪底和蒙板,制作出千變?nèi)f化的圖像特效。②Freehand:不論是個(gè)人作品設(shè)計(jì)、公司徽標(biāo)、海報(bào)制作,都可以輕松完成,應(yīng)用于廣告、印刷等行業(yè)③CorelDraw:通過(guò)CorelDRAW9的全方面的設(shè)計(jì)及網(wǎng)頁(yè)功能融合到現(xiàn)有的設(shè)計(jì)方案中,制作矢量的插圖、設(shè)計(jì)及圖像,出色地設(shè)計(jì)公司標(biāo)志、簡(jiǎn)報(bào)、彩頁(yè)、手冊(cè)、產(chǎn)品包裝、標(biāo)識(shí)、網(wǎng)頁(yè)及其它。④Illustrator:學(xué)習(xí)圖形繪制、包裝、宣傳頁(yè)的制作,讓你更加方便地進(jìn)行LOGO及CI設(shè)計(jì),不到一個(gè)月,您就會(huì)成為一名真正的美術(shù)大師,在 Photoshop的基礎(chǔ)上再學(xué)它如虎添翼,效率成倍提高。⑤Microsoft FrontPage 如果你曾對(duì)Word很熟悉,那么相信你用 FrontPage進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)一定會(huì)非常順手。使用FrontPage制作網(wǎng)頁(yè),你能真正體會(huì)到“功能強(qiáng)大,簡(jiǎn)單易用”的含義。頁(yè)面制作由FrontPage中的Editor完成,其工作窗口由3個(gè)標(biāo)簽頁(yè)組成,分別是“所見(jiàn)即所得”的編輯頁(yè),HTML代碼編輯頁(yè)和預(yù)覽頁(yè)。FrontPage帶有圖形和GIF動(dòng)畫(huà)編輯器,支持CGI和CSS。向?qū)Ш湍0宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁(yè)時(shí)感到更加方便。FrontPage最強(qiáng)大之處是其站點(diǎn)管理功能。在更新服務(wù)器上的站點(diǎn)時(shí),不需要?jiǎng)?chuàng)建更改文件的目錄。FrontPage會(huì)為你跟蹤文件并拷貝那些新版本文件。FrontPage是現(xiàn)有網(wǎng)頁(yè)制作軟件中惟一既能在本地計(jì)算機(jī)上工作,又能通過(guò)Internet直接對(duì)遠(yuǎn)程服務(wù)器上的文件進(jìn)行工作的軟件。⑥Netscape編輯器Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網(wǎng)頁(yè)編輯器。如果你喜歡用Netscape瀏覽器上網(wǎng),使用Netscape編輯器真是簡(jiǎn)單方便!當(dāng)你用Netscape瀏覽器顯示網(wǎng)頁(yè)時(shí), 單擊編輯按鈕,Netscape就會(huì)把網(wǎng)頁(yè)存儲(chǔ)在硬盤(pán)中,然后就可以開(kāi)始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色,改變主頁(yè)作者、標(biāo)題、背景顏色或圖像,定義描點(diǎn),插入鏈接,定義文檔編碼,插入圖像,創(chuàng)建表格等,是不是與FrontPage 2000還有些像?但是,Netscape編輯器對(duì)復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)就顯得功能有限了,它連表單創(chuàng)建、多框架創(chuàng)建都不支持。Netscape編輯器是網(wǎng)頁(yè)制作初學(xué)者很好的入門(mén)工具。如果你的網(wǎng)頁(yè)主要是由文本和圖片組成的,Netscape編輯器將是一個(gè)輕松的選擇。如果你對(duì)HTML語(yǔ)言有所了解的話,能夠使用Notepad或Ultra Edit等文本編輯器來(lái)編寫(xiě)少量的HTML語(yǔ)句,也可以彌補(bǔ)Netscape編輯器的一些不足。⑦Adobe Pagemill Pagemill功能不算強(qiáng)大,但使用起來(lái)很方便,適合初學(xué)者制作較為美觀、而不是非常復(fù)雜的主頁(yè)。如果你的主頁(yè)需要很多框架、表單和Image Map圖像,那么Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個(gè)剪貼板,可以將任意多的文本、圖形、表格拖放到里面,需要時(shí)再打開(kāi),很方便。⑧Claris Home Page 如果使用Claris Home Page軟件,你可以在幾分鐘之內(nèi)創(chuàng)建一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)。這是因?yàn)樗幸粋€(gè)很好的創(chuàng)建和編輯Frame(框架)的工具,你不必花費(fèi)太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫(kù),增強(qiáng)的站點(diǎn)管理特性還允許你檢測(cè)頁(yè)面的合法連接。不過(guò)界面設(shè)計(jì)過(guò)于粗糙,對(duì)Image Map圖像的處理也不完全。⑨DreamWeaver 自制動(dòng)態(tài)HTML動(dòng)畫(huà)的網(wǎng)頁(yè)DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件,它包括可視化編輯、HTML代碼編輯的軟件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫(huà),支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì),使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換,HTML句法及結(jié)構(gòu)不變。這樣,專業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí),充分享受到可視化編輯帶來(lái)的益處。 DreamWeaver最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì),這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。⑩Fireworks 第一款徹底為Web制作者們?cè)O(shè)計(jì)的軟件Fireworks的來(lái)頭實(shí)在不小,它的出現(xiàn)使Web作圖發(fā)生了革命性的變化。Fireworks是專為網(wǎng)絡(luò)圖像設(shè)計(jì)而開(kāi)發(fā),內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能,比如Fireworks能夠自動(dòng)切圖、生成鼠標(biāo)動(dòng)態(tài)感應(yīng)的javascript。而且Fireworks具有十分強(qiáng)大的動(dòng)畫(huà)功能和一個(gè)幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強(qiáng)了與dreamweaver的聯(lián)系,可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁(yè)及圖片!??Flash 讓你的網(wǎng)頁(yè)動(dòng)起來(lái)Flash是用在互聯(lián)網(wǎng)上動(dòng)態(tài)的、可互動(dòng)的shockwave。它的優(yōu)點(diǎn)是體積小,可邊下載邊播放,這樣就避免了用戶長(zhǎng)時(shí)間的等待。FLASH可以用其生成動(dòng)畫(huà),還可在網(wǎng)頁(yè)中加入聲音。這樣你就能生成多媒體的圖形和界面,而使文件的體積卻很小。FLASH雖然不可以像一門(mén)語(yǔ)言一樣進(jìn)行編程,但用其內(nèi)置的語(yǔ)句并結(jié)合JavaScripe,您也可做出互動(dòng)性很強(qiáng)的主頁(yè)來(lái)。有人曾經(jīng)說(shuō)過(guò):下個(gè)世紀(jì)的網(wǎng)絡(luò)設(shè)計(jì)人不會(huì)用FLASH,必將被淘汰出局!我相信這句話沒(méi)錯(cuò)!??HotDog Professional 制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁(yè)HotDog是較早基于代碼的網(wǎng)頁(yè)設(shè)計(jì)工具,其最具特色的是提供了許多向?qū)Чぞ撸軒椭O(shè)計(jì)者制作頁(yè)面中的復(fù)雜部分。HotDog的高級(jí)HTML支持插入marquee,并能在預(yù)覽模式中以正常速度觀看。這點(diǎn)非常難得,因?yàn)榧词故讋?chuàng)這種標(biāo)簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對(duì)plug-in的支持也遠(yuǎn)遠(yuǎn)超過(guò)其他產(chǎn)品,它提供的對(duì)話框允許你以手動(dòng)方式為不同格式的文件選擇不同的選項(xiàng)。但對(duì)中文的處理不很方便。HotDog是個(gè)功能強(qiáng)大的軟件,對(duì)于那些希望在網(wǎng)頁(yè)中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級(jí)設(shè)計(jì)者,是個(gè)很好的選擇。??HomeSite 制作可完全控制頁(yè)面進(jìn)程的網(wǎng)頁(yè)Allaire的HomeSite是一個(gè)小巧而全能的HTML代碼編輯器,有豐富的幫助功能,支持CGI和CSS等等,并且可以直接編輯perl程序。HomeSite工作界面繁簡(jiǎn)由人,根據(jù)習(xí)慣,可以將其設(shè)置成像Notepad那樣簡(jiǎn)單的編輯窗口,也可以在復(fù)雜的界面下工作。HomeSite更適合那些比較復(fù)雜和精彩頁(yè)面的設(shè)計(jì)。如果你希望能完全控制你制作的頁(yè)面的進(jìn)程,HomeSite是你最佳選擇。不過(guò)對(duì)于生手過(guò)于復(fù)雜。??Microsoft Visual Studio是美國(guó)微軟公司的開(kāi)發(fā)工具包系列產(chǎn)品。 該系列的版本有:2003、2005、2008、2010、2012、2013、2015、2015 RTM和未來(lái)的版本;適合開(kāi)發(fā)動(dòng)態(tài)的aspx網(wǎng)頁(yè),同時(shí),還能制作無(wú)刷新網(wǎng)站、webservice功能等。??Jbuilder一個(gè)可視化JAVA開(kāi)發(fā)工具。它是在Java2平臺(tái)上開(kāi)發(fā)商業(yè)應(yīng)用程序、數(shù)據(jù)庫(kù)、發(fā)布程序的優(yōu)秀工具。它支持J2EE,所以程序員可以快速的轉(zhuǎn)換企業(yè)版Java應(yīng)用程序。 不論是各種版本,均適合使用其開(kāi)發(fā)出JSP網(wǎng)頁(yè)。三、UI設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)的設(shè)計(jì)方向/方法/步驟/流程:1、UI設(shè)計(jì)方向UI是用戶界面,是英文User和 interface的縮寫(xiě)。從字面上看是用戶與界面2個(gè)組成部分,但實(shí)際上還包括用戶與界面之間的交互關(guān)系,所以這樣可分為3個(gè)方向,他們分別是:用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)。①、用戶研究用戶研究包含兩個(gè)方面:一是可用性工程學(xué)(usability Engineering),研究如何提高產(chǎn)品的可用性,使得系統(tǒng)的設(shè)計(jì)更容易被人使用、學(xué)習(xí)和記憶;二是通過(guò)可用性工程學(xué)的研究,發(fā)掘用戶的潛在需求,為技術(shù)創(chuàng)新提供另外一條思路和方法。用戶研究是一個(gè)跨學(xué)科的專業(yè),涉及可用性工程學(xué)、人類功效學(xué)、心理學(xué)、市場(chǎng)研究學(xué)、教育學(xué)、設(shè)計(jì)學(xué)等等學(xué)科。用戶研究技術(shù)是站在人文學(xué)科的角度來(lái)研究產(chǎn)品,站在用戶的角度介入到產(chǎn)品的開(kāi)發(fā)和設(shè)計(jì)中。用戶研究通過(guò)對(duì)于用戶的工作環(huán)境、產(chǎn)品的使用習(xí)慣等研究,使得在產(chǎn)品開(kāi)發(fā)的前期能夠把用戶對(duì)于產(chǎn)品功能的期望、對(duì)設(shè)計(jì)和外觀方面的要求融入到產(chǎn)品的開(kāi)發(fā)過(guò)程中去,從而幫助企業(yè)完善產(chǎn)品設(shè)計(jì)或者探索一個(gè)新產(chǎn)品概念。他是得到用戶需求和反饋的途徑,也是檢驗(yàn)界面與交互設(shè)計(jì)是否合理的重要標(biāo)準(zhǔn)。②交互設(shè)計(jì)這部分指人與機(jī)之間的交互工程,在過(guò)去交互設(shè)計(jì)也由程序員來(lái)做,其實(shí)程序員擅長(zhǎng)編碼,而不善于與最終用戶交互。所以,很多的軟件雖然功能比較齊全,但是交互方面設(shè)計(jì)很粗糙,繁瑣難用,學(xué)習(xí)困難。使用這樣的軟件后,不是使人聰明與進(jìn)步而是讓人感到愚弄與羞辱。許多人因?yàn)椴荒懿僮麟娔X軟件而下崗失業(yè),這樣的交互使電腦成為讓人恐懼的科技怪獸。于是我們把交互設(shè)計(jì)從程序員的工作中分離出來(lái)單獨(dú)成為一個(gè)學(xué)科,也就是人機(jī)交互設(shè)計(jì)。他的目的在于加強(qiáng)軟件的易用、易學(xué)、易理解,使計(jì)算機(jī)真正成為方便地為人類服務(wù)的工具。③界面設(shè)計(jì)在漫長(zhǎng)的軟件發(fā)展中,界面設(shè)計(jì)工作一直沒(méi)有被重視起來(lái)。做界面設(shè)計(jì)的人也被貶義的稱為“美工”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣,是產(chǎn)品的重要買(mǎi)點(diǎn)。一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受,拉近人與電腦的距離,為商家創(chuàng)造賣(mài)點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪畫(huà),他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì),是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)即不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果,而是最終用戶的感受。所以界面設(shè)計(jì)要和用戶研究緊密結(jié)合,是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺(jué)效果的過(guò)程。2、平面設(shè)計(jì)的設(shè)計(jì)方法/步驟:①、調(diào)查 調(diào)查是了解事物的過(guò)程,設(shè)計(jì)需要的是有目的和完整的調(diào)查。背景、市場(chǎng)調(diào)查、行業(yè)調(diào)查(關(guān)于品牌、受眾、產(chǎn)品……)、關(guān)于定位、表現(xiàn)手法、……調(diào)查是設(shè)計(jì)的開(kāi)始和基礎(chǔ)(背景知識(shí))。②、內(nèi)容 內(nèi)容分為主題和具體內(nèi)容兩部分,這是設(shè)計(jì)師在進(jìn)行設(shè)計(jì)前的基本材料。③、理念 構(gòu)思立意是設(shè)計(jì)的第一步,在設(shè)計(jì)中思路比一切更重要。理念一向獨(dú)立于設(shè)計(jì)之上。也許在你的視覺(jué)作品中傳達(dá)出理念是最難的一件事。④、調(diào)動(dòng)視覺(jué)元素 在設(shè)計(jì)中基本元素相當(dāng)于你作品的構(gòu)件,每一個(gè)元素都要有傳遞和加強(qiáng)傳遞信息的目的。真正優(yōu)秀的設(shè)計(jì)師往往很“吝嗇”,每動(dòng)用一種元素,都會(huì)從整體需要出發(fā)去考慮。在一個(gè)版面之中,構(gòu)成元素可以根據(jù)類別來(lái)進(jìn)行劃分,如可以分為: 標(biāo)題、內(nèi)文、背景、色調(diào)、主體圖形、留白、視覺(jué)中心等等。平面設(shè)計(jì)版面就是把不同元素進(jìn)行有機(jī)結(jié)合的過(guò)程。例如在版式當(dāng)中常常借助框架(也叫骨骼),就有很多種形式,規(guī)律框架和非規(guī)律框架,可見(jiàn)框架和隱性框架;還有在字體元素當(dāng)中,對(duì)于字體和字型的選擇和搭配的好壞就是一個(gè)非常有講究的。選擇字體風(fēng)格的過(guò)程就是一個(gè)美學(xué)判斷的過(guò)程,還有在色彩這一元素的使用上,能體現(xiàn)出一個(gè)設(shè)計(jì)師對(duì)色彩的理解和修養(yǎng)。色彩是一種語(yǔ)言(信息),色彩具有感情,能讓人產(chǎn)生聯(lián)想,能讓人感到冷暖、前后、輕重、大小等等。善于調(diào)動(dòng)視覺(jué)元素是設(shè)計(jì)師必備的能力之一。⑤、選擇表現(xiàn)手法 手法即是技巧,在視覺(jué)產(chǎn)品泛濫的今天要想把受眾打動(dòng)以并非易事,的視覺(jué)作品已被人們的眼睛自動(dòng)的忽略掉了。要把你的信息傳遞出去有幾種方法呢?一種是完整完美的以傳統(tǒng)美學(xué)去表現(xiàn)的設(shè)計(jì)方式,會(huì)被受眾欣賞閱讀并記住。二種是用新奇的或出奇不意的方式可以達(dá)到(包括在材料上)三種是瘋狂的廣告投放量,進(jìn)行地毯式的強(qiáng)行轟炸。而我們更需要那一種呢?雖然三種方法都能達(dá)到目的,但我們清楚他們的回報(bào)是不同的。我們?cè)谌髽?gòu)成中學(xué)過(guò)很多種圖形的處理和表現(xiàn)手法,如對(duì)比、類比、夸張、對(duì)稱、主次、明暗、變異、重復(fù)、矛盾、放射、節(jié)奏、粗細(xì)、冷暖、面積等形式。另外還有從圖形處理的效果上又有手繪類效果,如油畫(huà)、鉛筆、水彩、版畫(huà)、蠟筆、涂鴉……還有其他的如攝影、老照片、等等。那么你要選擇那一種呢?這取決于你的目的和目標(biāo)群體,以及你的設(shè)計(jì)水平。⑥、平衡 平衡能帶來(lái)視覺(jué)及心理的滿足,設(shè)計(jì)師要解決畫(huà)面當(dāng)中力場(chǎng)的平衡,前后銜接的平衡,平衡感也是設(shè)計(jì)師構(gòu)圖所需要的能力,平衡與不平衡是相對(duì)的,以是否達(dá)到主題要求為標(biāo)準(zhǔn)。平衡分為對(duì)稱平衡和不對(duì)稱平衡,包括點(diǎn)、線、面、色、空間的平衡。⑦、出彩 記住,你要?jiǎng)?chuàng)造出視覺(jué)興奮點(diǎn)來(lái)升華你的作品。⑧、關(guān)于風(fēng)格 作為設(shè)計(jì)師有時(shí)是反對(duì)風(fēng)格的,固定風(fēng)格的形成意味著自我的僵死,但風(fēng)格同時(shí)有是一個(gè)設(shè)計(jì)師性格、喜好、閱歷、修養(yǎng)的反映,也是設(shè)計(jì)師成熟的標(biāo)志,以為“了解大同,才能獨(dú)走邊緣”。⑨、制作 檢查項(xiàng)目包括:圖形、字體、內(nèi)文、色彩、編排、比例、出血等。要求:視覺(jué)的想象力和效果要賞心悅目,而更重要的是被受眾理解!3、網(wǎng)站設(shè)計(jì)的設(shè)計(jì)流程:①、網(wǎng)站設(shè)計(jì)流程一:確定風(fēng)格網(wǎng)站的風(fēng)格通過(guò)網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執(zhí)著熱情的;是活潑易變的,還是墨守成規(guī)的。在明確自己想給人以怎樣的印象后,要找出網(wǎng)站中最有特色的東西,就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳。風(fēng)格的形成不是一次定位的,你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。②、網(wǎng)站設(shè)計(jì)流程二:搜集素材查找并收集有關(guān)的文字、圖片、聲音、影像等素材,并對(duì)所收集的素材進(jìn)行整理、處理。③、網(wǎng)站設(shè)計(jì)流程三:網(wǎng)站布局首頁(yè)頁(yè)面:首頁(yè)主題還體現(xiàn)在logo及網(wǎng)站標(biāo)題上。準(zhǔn)確概括的首頁(yè)主題可以很好幫助用戶選擇自己有確切需求的網(wǎng)站。首頁(yè)導(dǎo)航:網(wǎng)站導(dǎo)航可以看做是對(duì)網(wǎng)站內(nèi)容的分類把網(wǎng)站的內(nèi)容進(jìn)行細(xì)分方便用戶跟據(jù)個(gè)人需求選擇瀏覽相應(yīng)欄目頁(yè)面。首頁(yè)內(nèi)容:頁(yè)面的內(nèi)容布局需先對(duì)網(wǎng)站的用戶群體進(jìn)行需求分析把用戶關(guān)注最多的內(nèi)容放置在首頁(yè)的最重要位置。一般按照用戶的瀏覽方式頁(yè)面內(nèi)容布局按照內(nèi)容重要程度由左上到右下進(jìn)行布置。④、網(wǎng)站設(shè)計(jì)流程四:LOGO設(shè)計(jì)怎樣設(shè)計(jì)logo是許多網(wǎng)站設(shè)計(jì)師比較頭疼的事情,在設(shè)計(jì)之前要進(jìn)行基本的調(diào)研分析,也就是對(duì)該企業(yè)做全面的調(diào)查,然后就是要挖掘所需要的素材,最后就是進(jìn)行設(shè)計(jì)開(kāi)發(fā)了,這也是最重要的一步,只有經(jīng)過(guò)反復(fù)的推敲修改,才能設(shè)計(jì)出令人滿意的標(biāo)志。⑤、網(wǎng)站設(shè)計(jì)流程五:導(dǎo)航設(shè)計(jì)在設(shè)計(jì)導(dǎo)航之前,要充分的分析用戶需要什么?從導(dǎo)航的有效性、實(shí)現(xiàn)度和利用率來(lái)設(shè)計(jì)導(dǎo)航。⑥、網(wǎng)站設(shè)計(jì)流程六:banner設(shè)計(jì)在設(shè)計(jì)banner之前,要和客戶溝通一下他們想在banner上突出什么重點(diǎn),然后有針對(duì)的展現(xiàn)banner上的內(nèi)容。當(dāng)我們確定重點(diǎn)之后,banner的色彩搭配要明亮干凈要與整個(gè)頁(yè)面相協(xié)調(diào)。⑦、網(wǎng)站設(shè)計(jì)流程七:友情鏈接設(shè)計(jì)設(shè)計(jì)網(wǎng)站的友情鏈接要考慮一下網(wǎng)站優(yōu)化的問(wèn)題,鏈接一定不能是滾動(dòng)的,因?yàn)闈L動(dòng)的鏈接沒(méi)有人交換,最好是在底部一一列出來(lái)。四、注意事項(xiàng)視覺(jué)會(huì)給人帶來(lái)一連串的生理上的、心理上的、情感上的、行動(dòng)上的反應(yīng),設(shè)計(jì)是視覺(jué)經(jīng)驗(yàn)的科學(xué),他包括兩個(gè)方面,一個(gè)是不以人為而改變的即生理感受的人的基本反應(yīng),另一個(gè)是隨即的或不確定因素構(gòu)成。如個(gè)人喜好,性格等等、等等。1、相對(duì)穩(wěn)定的方面:主要是生理上的視知覺(jué),人們的一些視覺(jué)習(xí)慣、視覺(jué)流程、視覺(jué)邏輯,如從上到下,從左到右,喜歡連貫的、重復(fù),喜歡有對(duì)比的,還有在顏色方面人們最喜歡的其實(shí)是有對(duì)比的互補(bǔ)色等等。這都是跟人們的生理上的習(xí)慣有關(guān),都是人生理機(jī)能的本能反應(yīng)。作為設(shè)計(jì)師應(yīng)該對(duì)這些知識(shí)能充分了解、靈活運(yùn)用,設(shè)計(jì)是對(duì)人本的關(guān)注,首先應(yīng)對(duì)文化與人的感知方式這些相對(duì)穩(wěn)定的方面進(jìn)行研究,并且需要我們?cè)趯?shí)踐中去總結(jié)。2、不穩(wěn)定的方面:不穩(wěn)定的方面主要是指情感、素質(zhì)、品位、閱歷上的不同,在設(shè)計(jì)過(guò)程中你需要具備一定的判斷和把握能力,你需要客觀和克制,才能完成卓越的設(shè)計(jì)。3、設(shè)計(jì)思維的科學(xué):設(shè)計(jì)是必須具有科學(xué)的思維方法,能在相同中找到差別,能在不同當(dāng)中找到共同之處,能掌握運(yùn)用各種思維方法,如縱向關(guān)聯(lián)思維和橫向關(guān)聯(lián)思維以及發(fā)散式的思維,善于運(yùn)用科學(xué)的思維方式找到奇特的新的視覺(jué)形象,才能不斷發(fā)現(xiàn)新的可能。平面視覺(jué)的科學(xué)其實(shí)是一個(gè)很大很深的學(xué)問(wèn),只有在這門(mén)學(xué)問(wèn)的健全和深入的推廣,才能保證設(shè)計(jì)水平的普遍提高。在這里只是拋磚引玉式的提出這一觀點(diǎn),還需要日后結(jié)合其他學(xué)科的研究成果進(jìn)行系統(tǒng)的整理和論述。
熱門(mén)問(wèn)答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁(yè)是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁(yè)設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁(yè)制作學(xué)那些