正文

vi視覺設(shè)計(jì)手繪排版（vi視覺設(shè)計(jì)怎么做）

發(fā)布時間：2023-05-11 01:13:36 稿源：創(chuàng)意嶺閱讀： 59

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于vi視覺設(shè)計(jì)手繪排版的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對話答疑等等，官網(wǎng)：https://ai.de1919.com

創(chuàng)意嶺專注品牌設(shè)計(jì)、策劃，為各大上市企業(yè)、個人提供一站式設(shè)計(jì)、策劃服務(wù)，服務(wù)客戶遍布全國，咨詢相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

平面設(shè)計(jì)包括什么？
平面設(shè)計(jì)好學(xué)嗎沒基礎(chǔ)能學(xué)會嗎
ui設(shè)計(jì)怎么學(xué)?

vi視覺設(shè)計(jì)手繪排版（vi視覺設(shè)計(jì)怎么做）

平面設(shè)計(jì)包括什么？

1.平面設(shè)計(jì)包括:圖形圖案設(shè)計(jì),字體設(shè)計(jì),VI系統(tǒng)設(shè)計(jì),書籍版面設(shè)計(jì),排版,照片處理技術(shù),等等.總之是在平面的上進(jìn)行美化處理的設(shè)計(jì)工作.
2.[一個圖上面畫這臥室主臥室廚房]不是平面設(shè)計(jì).是室內(nèi)設(shè)計(jì)屬于立體空間的設(shè)計(jì),雖然在紙上畫,但考慮到整體的空間布局和人體工學(xué)方面的問題.再比如在車身上設(shè)計(jì)圖案,汽車的立體的但是在車體表面進(jìn)行設(shè)計(jì),所以仍然是平面設(shè)計(jì).
希望我的回答對你有一點(diǎn)點(diǎn)幫助!!

平面設(shè)計(jì)好學(xué)嗎沒基礎(chǔ)能學(xué)會嗎

第一，對平面設(shè)計(jì)的理解
平面設(shè)計(jì)就是用一些特殊的操作來處理一些已經(jīng)數(shù)字化的圖像的過程，是集電腦技術(shù)、數(shù)字技術(shù)和藝術(shù)創(chuàng)意于一體的綜合內(nèi)容。通俗地說，平面設(shè)計(jì)就是運(yùn)用美術(shù)的表現(xiàn)形式，通過專業(yè)的電腦軟件(如Photoshop)來完成特定內(nèi)容的藝術(shù)創(chuàng)意的行為，如設(shè)計(jì)標(biāo)志，設(shè)計(jì)名片，設(shè)計(jì)海報(bào)等等。但如果這些沒有通過印刷技術(shù)就無法應(yīng)用出去，象日常生活中接觸到的名片，海報(bào)等，均是設(shè)計(jì)之后通過印刷技術(shù)所加工完成的。因此，平面設(shè)計(jì)和印刷技術(shù)是緊密相關(guān)的，在平面設(shè)計(jì)過程中，不但需要專業(yè)的技能，而且還需要掌握一些印刷知識，有人稱之為印前技術(shù)。
平面設(shè)計(jì)的范疇非常廣泛。從范圍來說凡是用來印刷的都和平面設(shè)計(jì)有關(guān)，從功能來說，平面設(shè)計(jì)屬于視覺傳達(dá)。(視覺就是我們所看到的,傳達(dá)則是通過某種形式表達(dá)出來，這是平面設(shè)計(jì)一個形象的功能定義。)通常平面設(shè)計(jì)的分類有很多，如：名片設(shè)計(jì)、標(biāo)志設(shè)計(jì)、字體設(shè)計(jì)、VI視覺形象設(shè)計(jì)、CIS設(shè)計(jì)、廣告設(shè)計(jì)、海報(bào)設(shè)計(jì)、宣傳單設(shè)計(jì)、宣傳冊設(shè)計(jì)、樣本設(shè)計(jì)、畫冊設(shè)計(jì)、樓書設(shè)計(jì)、年報(bào)設(shè)計(jì)、包裝設(shè)計(jì)、書籍裝幀設(shè)計(jì)、?？ㄔO(shè)計(jì)、請柬設(shè)計(jì)、排版設(shè)計(jì)、印刷品設(shè)計(jì)。
這些分類這么多看似復(fù)雜，其實(shí)并不復(fù)雜，各個分類間不是獨(dú)立的，而是相通或從屬的。對于初學(xué)者來說，不需要統(tǒng)統(tǒng)都會做，只要你能根據(jù)自己的興趣或工作的需要努力學(xué)好其中幾種即可，時間一長，你就慢滿接觸到更多的東西，對于各個設(shè)計(jì)類別也就能融會貫通了。而且只要你留心觀察，其實(shí)平面設(shè)計(jì)的東西在生活中隨處可見，如各種物品的包裝、書籍雜志的設(shè)計(jì)、路邊的廣告牌與商場里的宣傳單、海報(bào)等等。
第二，了解自己的興趣愛好
對平面設(shè)計(jì)有個大概的了解后，就要了解自己，確定自己對平面設(shè)計(jì)有沒有興趣。憑著一時的心血來潮去學(xué)平面設(shè)計(jì)的人，會越學(xué)越感到興致索然或一旦遇到困難就容易放棄，這樣只能白白浪費(fèi)時間和精力，一無所獲。因此學(xué)平面設(shè)計(jì)之前，你必須要明白學(xué)設(shè)計(jì)不是一朝一夕的事，需要一個比較漫長曲折的過程，要做得好很大程度上需要興趣來支持。百度CEO李彥宏先生曾經(jīng)接受訪問談及百度為何能取得現(xiàn)在的成就時他總結(jié)說到，最好能做自己喜歡做的事情，興趣可以培養(yǎng)一切，另外是做自己擅長的事情。(這應(yīng)該是很多人成功之后都有相似的感受。)
可見，興趣是成功最好的老師，即使你沒有美術(shù)基礎(chǔ)，沒有設(shè)計(jì)天賦，但如果你有足夠的興趣，你照樣可以做得很好。
第三，掌握平面設(shè)計(jì)的基礎(chǔ)
首先，美術(shù)基礎(chǔ)。對于各大藝術(shù)院校出身的人來說就有一定的基礎(chǔ)。他們在學(xué)校里學(xué)習(xí)了如素描、色彩、國畫、油畫、平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成等，有一定的美術(shù)功底，并且系統(tǒng)地學(xué)習(xí)了VIS形象識別系統(tǒng)、書籍設(shè)計(jì)、包裝設(shè)計(jì)、版式設(shè)計(jì)、攝影藝術(shù)等等。但是工作后你會發(fā)現(xiàn)，你在學(xué)校里學(xué)的那點(diǎn)東西是遠(yuǎn)遠(yuǎn)不夠的。進(jìn)入社會，只是個開始，你要面臨新的學(xué)習(xí)。
但是有很多半路出道的設(shè)計(jì)愛好者沒有一點(diǎn)美術(shù)基礎(chǔ)，更別說什么系統(tǒng)地學(xué)習(xí)平面設(shè)計(jì)了，有些人甚至苦笑自己連鴨蛋都畫不象，想學(xué)平面設(shè)計(jì)怎么辦呢?不過這沒什么大問題，有興趣做你的老師，就算你把鴨蛋畫成子彈也無需自卑，只要你平時工作學(xué)習(xí)之余抽空時間多學(xué)學(xué)一些美術(shù)方面的東西，如色彩知識，培養(yǎng)自己的色彩感知能力，多練習(xí)徒手作畫，這對平面設(shè)計(jì)師來說也有很必要的。有機(jī)會的話建議系統(tǒng)地學(xué)習(xí)下素描、色彩、平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成等基礎(chǔ)的東西，這需要一個長期的過程。也許有人會說，不是有很多人沒有美術(shù)基礎(chǔ)照樣去做平面設(shè)計(jì)了嗎?但如果你要想做的出色，你就會認(rèn)識到美術(shù)基礎(chǔ)的重要性。
其次，電腦軟件技術(shù)。平面設(shè)計(jì)的軟件有Photoshop、Coreldraw、Illustrator、Freehand、Painter、

InDesign等。估計(jì)很多人看到這里要眼花繚亂、直冒冷汗了，這么多?我要學(xué)到何年何月啊?不過我要告訴你的是，很少有人能把這幾個軟件全部精通的，也沒必要這樣做。你只需要學(xué)其中幾款軟件就可以了，首先要學(xué)的是Photoshop(簡稱PS)，這是必學(xué)的軟件，入手容易而且也不需要你精通，但是一定要系統(tǒng)地學(xué)習(xí)好基礎(chǔ)入門，爾后在工作中你會慢慢學(xué)到更多與工作相關(guān)的功能操作。(入門一般只需要一兩個星期，自學(xué)就會，可到網(wǎng)上看相關(guān)PS視頻教程。)還有你需要學(xué)矢量軟件，從三大矢量軟件：Coreldraw、Illustrator、Freehand中挑學(xué)其中之一。在國內(nèi)，一般公司里用矢量軟件比較多的是Coreldraw，其次是Illustrator。如果你不知道該學(xué)哪個軟件，根據(jù)你當(dāng)?shù)氐钠矫鎻V告公司一般用什么矢量軟件來確定該學(xué)什么。矢量軟件也完全可以自學(xué)入門，都是比較容易上手。
不過這里提醒下，學(xué)習(xí)設(shè)計(jì)軟件絕對不能東學(xué)一點(diǎn)，西學(xué)一點(diǎn)，零零散散地學(xué)習(xí)軟件功能的操作是沒用的，只會浪費(fèi)時間，要完整系統(tǒng)地學(xué)習(xí)基礎(chǔ)入門才有用。
剩下的兩款軟件沒有特定的工作需要一般是不用學(xué)的。Painter是專門為插畫師、藝術(shù)家、攝影師等打造的專業(yè)軟件，而InDesign則是專門的排版設(shè)計(jì)軟件。
第四，掌握平面設(shè)計(jì)的基礎(chǔ)知識與理論技巧
基本的軟件掌握了，當(dāng)然還需要深入了解相關(guān)的平面設(shè)計(jì)的基礎(chǔ)知識與理論技巧。有些人以為會PS了，就以為會設(shè)計(jì)了，這是錯誤的想法。雖然每個人會有自己的一些關(guān)于設(shè)計(jì)性的想法，但這想法和真正的設(shè)計(jì)還是差十萬八千里，設(shè)計(jì)并不是有些人眼中的隨心所欲，天馬行空，它是有特定的目的性與規(guī)律性，在設(shè)計(jì)的過程中需要兼顧很多因素，最終是要最大程度地實(shí)現(xiàn)它的商業(yè)價值。所以掌握相關(guān)專業(yè)的理論知識與技巧，并且懂得靈活運(yùn)用，這是學(xué)好平面設(shè)計(jì)的一個必備條件。這就象做任何事情一樣，如果不懂得其中的學(xué)問，往往注定失敗。
除了學(xué)習(xí)專業(yè)的基礎(chǔ)知識與理論技巧外，多看看與設(shè)計(jì)相關(guān)的資料書籍報(bào)邗對了解和學(xué)習(xí)平面設(shè)計(jì)也是很需要的。建議多上上網(wǎng)，不是讓你玩游戲呢，多瀏覽一下設(shè)計(jì)網(wǎng)站，比如說視覺中國，設(shè)計(jì)在線，中國設(shè)計(jì)之窗，等很多網(wǎng)站，多看一些大師作品，這些網(wǎng)站上有很多你想要的東西。
第五，懂得模仿、學(xué)會借鑒
新手成長需要一個過程，這自然要從模仿開始。要多看優(yōu)秀的設(shè)計(jì)作品，學(xué)習(xí)人家作品中優(yōu)秀的地方，并且多多練習(xí)，不斷地進(jìn)步，不斷地提高自己。

ui設(shè)計(jì)怎么學(xué)?

隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，如今市場對于UI設(shè)計(jì)師的要求越來越高，對應(yīng)的UI設(shè)計(jì)的學(xué)習(xí)內(nèi)容也越來越多。如果你現(xiàn)在還想拿著一項(xiàng)大多數(shù)人都會的基礎(chǔ)技能找高薪工作，這基本不太現(xiàn)實(shí)。

互聯(lián)網(wǎng)剛剛興起之時，UI設(shè)計(jì)的門檻很低，也許你只會平面設(shè)計(jì)或者單純的網(wǎng)頁設(shè)計(jì)就能找到一份很不錯的工作。但現(xiàn)在，隨著智能手機(jī)的普及、5G時代的來臨，網(wǎng)民基數(shù)越來越大，大家對于界面的要求也越來越高，對應(yīng)的企業(yè)的要求也發(fā)生了很大的變化。產(chǎn)品生產(chǎn)的人性化意識日趨增強(qiáng)，越來越多的企業(yè)開始注重交互設(shè)計(jì)、用戶測試方面的投入。企業(yè)不僅需要UI設(shè)計(jì)懂設(shè)計(jì)，還需要懂交互、懂用戶心理，甚至還要會代碼、AE制作動效、以及插畫、手繪等等。

說了這么多，那我們?nèi)绾螌W(xué)習(xí)UI設(shè)計(jì)？又如何成為市場上需要的UI設(shè)計(jì)呢？我現(xiàn)在從一個成熟的UI設(shè)計(jì)課程去拆分講解具體的學(xué)習(xí)步驟，以及學(xué)習(xí)中的注意事項(xiàng)。

一、那我們?nèi)绾螌W(xué)習(xí)UI設(shè)計(jì)？又如何成為市場上需要的UI設(shè)計(jì)呢？

1、手繪以及軟件基礎(chǔ)---軟件水平

手繪

沒有美術(shù)功底可以學(xué)UI設(shè)計(jì)嗎？

答案肯定是可以，但是有美術(shù)功底的UI設(shè)計(jì)師在一定程度上會使自己的競爭力更加突顯。創(chuàng)意想法對于UI設(shè)計(jì)來說是很重要的，但這只是一方面，能通過不同方式與途徑準(zhǔn)確地表達(dá)出自己的創(chuàng)意想法又是另一方面。對于有美術(shù)基礎(chǔ)地設(shè)計(jì)者來說就會有更多地表現(xiàn)形式來表達(dá)自己的想法，比如常用的手繪、插畫、寫實(shí)圖標(biāo)等。

所以我們要學(xué)會在今后的UI設(shè)計(jì)工作中，利用手繪。在這個部分的學(xué)習(xí)中，其目的是通過手繪掌握并了解形體的結(jié)構(gòu)，光感和空間關(guān)系。后期才可以將手繪滲透到作品中，把手繪和鼠繪結(jié)合，從零到一的進(jìn)入到插畫，進(jìn)一步滲透到項(xiàng)目作品中，比如電商首頁/專題頁/APP閃屏/缺省頁等。

學(xué)習(xí)手繪，并不是需要大家達(dá)到專業(yè)美術(shù)生的水平，而是讓大家學(xué)會利用手繪更好的表達(dá)自己的作品。因?yàn)檐浖僮鲙淼撵`感遠(yuǎn)沒有手繪帶給我們的思路敏捷。每一個成熟的設(shè)計(jì)師來講，好的創(chuàng)意和想法一定不是先來自于電腦，而是先來自于本上，手繪是創(chuàng)意和靈感最好的表現(xiàn)及表達(dá)方式，養(yǎng)成手繪的習(xí)慣和會手繪這件事能夠更加拓展設(shè)計(jì)師的思維，把你對圖形的需求快速呈現(xiàn)草圖上進(jìn)行快速的演變圖形嘗試對比，進(jìn)而提高工作效率。

所以針對手繪部分，將手繪結(jié)合項(xiàng)目中的設(shè)計(jì)，可以有以下學(xué)習(xí)流程：

通過靜物練習(xí)了解物體，透視/光影/三面五調(diào)

通過飽和度、明度、色調(diào)等理解色彩關(guān)系、通過剖析每個顏色的正向負(fù)向心理暗示，了解色彩情感表達(dá)

運(yùn)用ps軟件手繪圖標(biāo)，提升軟件熟悉度

手繪鼠繪結(jié)合繪制技巧（插畫臨?。?nbsp;

軟件

軟件是UI設(shè)計(jì)不可缺失的輔助工具，工具的學(xué)習(xí)并不在多，而在于你是否能熟練的使用工具將自己的想法表達(dá)出來，讓工具化身為左右手去協(xié)助自己完成設(shè)計(jì)。每一類設(shè)計(jì)工具選擇一到兩熟練操作，在今后的工作中遇到類似工具是可以很快上手的。

其實(shí)，學(xué)習(xí)工具最快的方法是帶有目的的學(xué)習(xí)，使用反推法學(xué)習(xí)可以讓你更清晰更直觀的了解這個功能存在的意義。以案例入手從案例中學(xué)習(xí)新的工具，讓工具和技法和案例融合一體，從而加深對軟件及其綜合能力的入門和提高。

那什么是反推法學(xué)習(xí)呢？下面我們選取PS、AI這兩個設(shè)計(jì)中常見的工具來簡單介紹一下，其他工具也可以參考這樣的學(xué)習(xí)模式。至于軟件的熟練度就需要你自己花時間反復(fù)練習(xí)。

（1）PS，Adobe Photoshop，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。相信不是設(shè)計(jì)行業(yè)的小伙伴也對它久仰大名，更是設(shè)計(jì)專業(yè)人員必須掌握的設(shè)計(jì)工具。 Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像，其重點(diǎn)在于對圖像的加工處理。

初次接觸PS，我們需要自學(xué)掌握PS基礎(chǔ)、工具詳解、布爾運(yùn)算、圖層樣式、混合選項(xiàng)、蒙版、調(diào)整圖層、濾鏡、混合模式、圖像等。我們?nèi)绾我徊讲綄⑦@些功能摸清楚用明白呢？

PS基礎(chǔ)：了解工具詳情、圖層樣式//圖層調(diào)整。（案例演示）

學(xué)習(xí)ps布爾運(yùn)算，并運(yùn)用到圖形繪制中。

通過海報(bào)合成案例，掌握混合模式/蒙版。

利用圖像調(diào)整（曲線、色相飽和度、色彩平衡等），調(diào)整合成素材顏色、光影等統(tǒng)一性。

海報(bào)合成中利用濾鏡達(dá)到遠(yuǎn)近、虛實(shí)、銳化、扭曲等目的/利用camera raw做合成最后調(diào)整。

我們只有不斷的通過對商業(yè)實(shí)戰(zhàn)的分析，通過結(jié)果的反推，讓軟件和設(shè)計(jì)思維相結(jié)合。在反推和臨摹的過程中，讓我們的工具基礎(chǔ)更加扎實(shí)。

（2）AI, Adobe illustrator，是一種應(yīng)用于出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件。它的功能強(qiáng)大，用戶界面體貼，是大多數(shù)設(shè)計(jì)師選擇矢量編輯軟件的不二選擇。

對于AI，我們需要掌握AI的圖形符號功能及使用技巧，AI的漸變、混合工具、2.5D插畫。再到繪圖工具的精通，通過主流插畫風(fēng)格的學(xué)習(xí)及風(fēng)格的轉(zhuǎn)換，學(xué)習(xí)插畫中的色彩。最后實(shí)現(xiàn)logo圖形的繪制技巧及字體設(shè)計(jì)等。

ai基礎(chǔ)：通過學(xué)習(xí)路徑查找器掌握圖形減去、相交、相加等能力/掌握圖形符號，增強(qiáng)圖形或設(shè)計(jì)美感。

適量插畫繪制，加強(qiáng)對物體結(jié)構(gòu)/光影/顏色的理解。

順應(yīng)當(dāng)下流行趨勢，通過人物、風(fēng)景深入了解主流矢量插畫表現(xiàn)形式。

以上這些其實(shí)只是對工具有個基礎(chǔ)的認(rèn)識，讓你了解工具的功能，然后反復(fù)去熟悉工具。至于如何利用這些工具，還需要繼續(xù)進(jìn)階學(xué)習(xí)。

2、設(shè)計(jì)基礎(chǔ)、設(shè)計(jì)理論--設(shè)計(jì)思維

沒有設(shè)計(jì)思維，工具用的再熟練，設(shè)計(jì)出的作品也不會被大眾認(rèn)可。所以我們必須學(xué)習(xí)設(shè)計(jì)的原理，掌握設(shè)計(jì)基礎(chǔ)。將理論和實(shí)踐結(jié)合，完美的將自己的想法合理的展示出來。

這個階段中可以引入Logo設(shè)計(jì)、字體設(shè)計(jì)和VI手冊設(shè)計(jì)，在理論中穿插實(shí)操，讓學(xué)習(xí)富有目的性，在操作中反推設(shè)計(jì)思維。

什么是logo？如何入手做原創(chuàng)logo？logo的常見表現(xiàn)形式？這里將Logo和文字設(shè)計(jì)相結(jié)合來講解一下學(xué)習(xí)步驟。

學(xué)習(xí)平面構(gòu)成：點(diǎn)線面，了解平面空間的基本元素。以設(shè)計(jì)的手段來讓元素變得更精致更富視覺沖擊力。

習(xí)平構(gòu)基本形式重復(fù)、近似、漸變、變異等，培養(yǎng)邏輯思維和造型能力以便我們能夠?qū)⑵溥\(yùn)用到實(shí)際的設(shè)計(jì)當(dāng)中。

從Logo設(shè)計(jì)頭腦風(fēng)暴中開發(fā)自己，思維空間從宏觀到微觀提取設(shè)計(jì)關(guān)鍵詞。

學(xué)習(xí)Logo草圖繪制多種方案，這里就要用到之前學(xué)習(xí)的手繪技巧啦。然后選其中一種進(jìn)行繼續(xù)優(yōu)化。

通過不同關(guān)鍵詞相互組合，做圖形提煉、結(jié)合、重組、賦予關(guān)鍵詞圖形化，圖形化優(yōu)化定稿。

根據(jù)字體橫豎撇捺等了解文字結(jié)構(gòu)字面、重心、獨(dú)體合體字、中宮處理等，掌握字體變形設(shè)計(jì)，完善Logo提案效果圖增強(qiáng)過稿概率。

Logo文字部分提取重新設(shè)計(jì)

Logo圖形文字結(jié)合定稿

在Logo設(shè)計(jì)中我們學(xué)習(xí)了平面的構(gòu)成、字體設(shè)計(jì)等，在畫冊學(xué)習(xí)中我們同樣會穿插設(shè)計(jì)知識。比如設(shè)計(jì)的色彩心理學(xué)、色彩對比及配色技巧，vi基礎(chǔ)+應(yīng)用部分規(guī)范及內(nèi)容，場景應(yīng)用效果圖及尺寸和材質(zhì)等。通過自己模擬項(xiàng)目，去深入掌握vi手冊基礎(chǔ)部分。

學(xué)習(xí)VI視覺手冊規(guī)范，重點(diǎn)提煉VI視覺手冊頁眉頁腳設(shè)計(jì)。

模擬練習(xí)項(xiàng)目從甲方、用戶等多角度深入掌握vi手冊基礎(chǔ)部分：企業(yè)標(biāo)志、標(biāo)準(zhǔn)色、標(biāo)準(zhǔn)字體、中英文印刷規(guī)范、輔助圖形、錯誤應(yīng)用，并以企業(yè)特性進(jìn)行基礎(chǔ)部分規(guī)范設(shè)計(jì)。

VI手冊應(yīng)用部分，以使用場景、材質(zhì)、工藝、尺寸、展示環(huán)境等，給出甲方專業(yè)成品落地建議及效果展示。

完善VI手冊提案效果圖。

3、Web網(wǎng)頁/電商運(yùn)營設(shè)計(jì)

平面設(shè)計(jì)是UI設(shè)計(jì)的基礎(chǔ)，我們通過平面設(shè)計(jì)去學(xué)習(xí)了設(shè)計(jì)基礎(chǔ)、設(shè)計(jì)思維，減少了UI設(shè)計(jì)學(xué)習(xí)階段中的很多疑惑。

互聯(lián)網(wǎng)時代，絕大多數(shù)企業(yè)都意識到通過線上資訊來吸引更多的潛在客戶是多么重要。這些潛在客戶對你的公司及產(chǎn)品印象的好壞，很大程度上取決于你在網(wǎng)站設(shè)計(jì)上投入精力的多少。企業(yè)站和電商平臺也是互聯(lián)網(wǎng)環(huán)境下企業(yè)必不可少的傳播平臺和C端自主交易平臺，是互聯(lián)網(wǎng)產(chǎn)業(yè)下的主流。

所針對網(wǎng)頁設(shè)計(jì)，要求你熟悉和掌握Web端設(shè)計(jì)的規(guī)范，了解網(wǎng)站基本架構(gòu)和柵格化布局，重點(diǎn)掌握企業(yè)站界面設(shè)計(jì)規(guī)范和輸出規(guī)范，且能夠根據(jù)企業(yè)真實(shí)需求設(shè)計(jì)頁面。掌握網(wǎng)頁中的版式設(shè)計(jì)/構(gòu)圖排版/網(wǎng)頁中的色彩/文字/圖片搭配，掌握企業(yè)站首焦圖的設(shè)計(jì)技巧。

而電商部分則需要電商行業(yè)設(shè)計(jì)要求與設(shè)計(jì)規(guī)范，學(xué)習(xí)電商行業(yè)不同類型的設(shè)計(jì)方法和店鋪包裝方法，掌握電商設(shè)計(jì)全流程以及電商Banner版式設(shè)計(jì)。

知識這么多，看起來都頭大。別急?。?！我們將這些知識進(jìn)行拆分，一步步帶你飛。

（1）企業(yè)響應(yīng)式網(wǎng)站/一屏網(wǎng)站設(shè)計(jì)：掌握網(wǎng)頁設(shè)計(jì)流程及規(guī)范，網(wǎng)頁設(shè)計(jì)配色、排版技巧。

Web設(shè)計(jì)基本規(guī)范：單位、分辨率、尺寸、字體、顏色等/通過案例展示了解網(wǎng)站組成架構(gòu)（首頁設(shè)計(jì)）

網(wǎng)頁設(shè)計(jì)中的版式擴(kuò)散與界面設(shè)計(jì)

通過柵格化布局，增強(qiáng)網(wǎng)頁設(shè)計(jì)版式，深入研究網(wǎng)頁中構(gòu)圖/色彩/字體/圖片使用等，提升整體頁面細(xì)節(jié)。

響應(yīng)式移動端設(shè)計(jì)規(guī)范：設(shè)計(jì)尺寸、適配設(shè)備、排版布局轉(zhuǎn)化形式。

企業(yè)網(wǎng)站界面設(shè)計(jì)

（2）后臺設(shè)計(jì)：掌握數(shù)據(jù)圖形化，及圖形數(shù)據(jù)配色。

目前，根據(jù)招聘市場信息反饋可視化和后臺也是網(wǎng)頁階段的標(biāo)配，所以后臺首頁又有那些學(xué)習(xí)要點(diǎn)呢？

企業(yè)網(wǎng)站界面設(shè)計(jì)

掌握一屏式網(wǎng)頁設(shè)計(jì)及頁面中交互效果設(shè)計(jì)（一屏首頁設(shè)計(jì)）

通過設(shè)計(jì)案例了解后臺設(shè)計(jì)規(guī)范及后臺操作流程和功能

后臺首頁設(shè)計(jì)

將后臺數(shù)據(jù)通過柱狀、餅形、走勢圖等手法以增強(qiáng)觀賞閱讀性為目的做數(shù)據(jù)可視化處理

（數(shù)據(jù)圖形化設(shè)計(jì)）

（3）電商設(shè)計(jì)：操作掌握首頁、專題頁、詳情、主圖、直通車、鉆展、后臺裝修，移動端與pc端設(shè)計(jì)規(guī)范，并且通過店鋪實(shí)際操作掌握電商詳情頁的設(shè)計(jì)技巧和版式技巧。

通過淘寶電商平臺了解首頁移動端與pc端設(shè)計(jì)規(guī)范。

掌握主圖、直通車、鉆展設(shè)計(jì)規(guī)范，以及在后臺推廣窗口了解更多運(yùn)營推廣圖設(shè)計(jì)板塊。

通過項(xiàng)目案例分析展現(xiàn)專題頁設(shè)計(jì)構(gòu)圖/以真實(shí)案例剖析：項(xiàng)目流程、關(guān)鍵點(diǎn)提取、視覺推導(dǎo)圖。

淘寶電商平臺首頁、專題頁設(shè)計(jì)

詳情頁設(shè)計(jì)規(guī)范及內(nèi)容構(gòu)成，站在用戶角度去考慮設(shè)計(jì)

淘寶電商平臺詳情頁設(shè)計(jì)

通過申請自己的淘寶店，在電商后臺實(shí)操裝修/商品上架（切圖/上架/后臺裝修實(shí)操）

（4）C4Dbanner：掌握3D場景設(shè)計(jì)，運(yùn)用到設(shè)計(jì)作品中，豐富畫面視覺效果。

C4D軟件基礎(chǔ)/場景搭建，利用3D場景提升設(shè)計(jì)空間立體感，增強(qiáng)視覺沖擊力。

（白模場景搭建）燈光材質(zhì)/渲染輸出/C4dbanner（場景貼材質(zhì)/打燈光/渲染設(shè)置并輸出應(yīng)用到Banner中）。

Banner設(shè)計(jì)中的版式與Z軸拆分。

提升電商Banner，畫面中融入更多插畫元素。并多以矢量插畫風(fēng)格展現(xiàn)。

C4D風(fēng)格Banner設(shè)計(jì)制作。

3、移動端設(shè)計(jì)

劃重點(diǎn)啦?。?！

隨著移動互聯(lián)網(wǎng)的發(fā)展，大家對于手機(jī)的需求也越來越高，人們用手機(jī)娛樂、消費(fèi)、學(xué)習(xí)，所以UI設(shè)計(jì)無時無刻不體現(xiàn)在我們的生活中。在這一部分，我們不僅要學(xué)習(xí)設(shè)計(jì)，還要學(xué)習(xí)用戶體驗(yàn)、交互設(shè)計(jì)、運(yùn)營設(shè)計(jì)，讓我們的產(chǎn)品更貼近目標(biāo)用戶的使用習(xí)慣。

（1）用戶體驗(yàn)、競品、原型圖：了解項(xiàng)目開發(fā)、產(chǎn)品調(diào)研、項(xiàng)目流程，掌握交互原型。

通過市場調(diào)研或大數(shù)據(jù)分析，做項(xiàng)目競品分析。利用大數(shù)據(jù)統(tǒng)計(jì)分析用戶對產(chǎn)品的痛點(diǎn)及體驗(yàn)反饋，模擬用戶畫像分析用戶對本項(xiàng)目的痛點(diǎn)、需求、受眾、職業(yè)等等。通過數(shù)據(jù)比對及資料搜集做市場分析。

學(xué)習(xí)Axure軟件，繪制低保真原型圖。

結(jié)合產(chǎn)品分析和競品分析，用Xmind制作思維導(dǎo)圖。

分析App頁面流程圖/功能框架/界面跳轉(zhuǎn)邏輯，利用axure繪制App原型圖。

（2）圖標(biāo)、膠囊、界面設(shè)計(jì)：通過整體性設(shè)計(jì)界面去掌握圖標(biāo)、狀態(tài)欄、導(dǎo)航欄、標(biāo)簽欄、閃屏、啟動、歡迎頁/引導(dǎo)頁，彈窗頁面等界面設(shè)計(jì)。

以剪影圖標(biāo)、扁平圖標(biāo)、線性圖標(biāo)、面性圖標(biāo)、微質(zhì)感圖標(biāo)、輕擬物圖標(biāo)認(rèn)識圖標(biāo)的多樣性。

探究金剛區(qū)、功能圖標(biāo)、裝飾性圖標(biāo)設(shè)計(jì)的特性，及不同板塊應(yīng)該使用的圖表類型及設(shè)計(jì)。

了解Ios/安卓界面設(shè)計(jì)規(guī)范：尺寸、字體、顏色、大小、行距等，再深入探究界面中組成部分如：狀態(tài)欄、導(dǎo)航欄、標(biāo)簽欄等尺寸可點(diǎn)擊空間大小等。

通過成熟的App，了解膠囊/彈窗設(shè)計(jì)形式及組成部分，深入分析閃屏/啟動/引導(dǎo)頁/三者之間的設(shè)計(jì)特性和運(yùn)營思維用戶體驗(yàn)等

最后，從0到1按照用戶思維和產(chǎn)品思維整體性設(shè)計(jì)界面

（3）運(yùn)營界面、AE交互動效、制定視覺規(guī)范設(shè)計(jì)：電商中的運(yùn)營思維與產(chǎn)品設(shè)計(jì)結(jié)合，以用戶思維審查界面尋找用戶痛點(diǎn)，提升整體運(yùn)營界面，達(dá)到營銷推廣目的。AE交互動畫設(shè)計(jì)，增強(qiáng)界面交互操作體驗(yàn)感。

以運(yùn)營思維延展推廣類界面設(shè)計(jì)。（多看優(yōu)秀電商產(chǎn)品，去反推運(yùn)營思維與設(shè)計(jì)）

突出促銷活動專題頁、彈窗、閃屏設(shè)計(jì)氛圍，增強(qiáng)視覺感染力，促進(jìn)用戶點(diǎn)擊瀏覽量。

運(yùn)營界面設(shè)計(jì)。（從模范開始，到加入運(yùn)營思維設(shè)計(jì)運(yùn)營界面）

以案例掌握AE軟件基礎(chǔ)：圖形變形、移動、大小、透明動畫

深入AE功能：節(jié)點(diǎn)緩動、速度圖表使用讓畫面更柔和順暢自然、利用濾鏡達(dá)到更多動畫效果，以界面交互動畫、跳轉(zhuǎn)效果動畫做練習(xí)及項(xiàng)目展示。

掌握視頻導(dǎo)出MP4、Png序列、Quicktime方式。

4、WEB前端：UI設(shè)計(jì)不一定要精通Web前端，但是如果了解前端基礎(chǔ)知識，可以更好和程序員溝通，以實(shí)現(xiàn)自己想要的效果。

掌握Web前端的基本知識，熟悉Html5和Css3.熟悉框架布局

通過學(xué)習(xí)Html5和Css3的學(xué)習(xí),把自己設(shè)計(jì)的企業(yè)站解析成網(wǎng)頁。

通過以上的學(xué)習(xí)，我們具備UI設(shè)計(jì)技能，進(jìn)入U(xiǎn)I設(shè)計(jì)行業(yè)后，更需要保持持續(xù)的學(xué)習(xí)去提升自己的審美、設(shè)計(jì)、技能等。所以多去看別人的設(shè)計(jì)，不是要抄襲，而是去思考學(xué)習(xí)別人的優(yōu)點(diǎn)，去提升自己的設(shè)計(jì)思維。

vi視覺設(shè)計(jì)手繪排版（vi視覺設(shè)計(jì)怎么做）