產(chǎn)品手繪與數(shù)字化表現(xiàn)課件：產(chǎn)品線稿表現(xiàn)

產(chǎn)品線稿表現(xiàn)

版面構(gòu)圖

一幅優(yōu)秀的手繪作品，首先在于構(gòu)圖，好的構(gòu)圖能使畫面主次分明，主題突出，賞心悅目。因此，需要掌握好構(gòu)圖的基本形式，并在實際表現(xiàn)中加以靈活應(yīng)用。構(gòu)圖的基本原則是對稱與均衡，對稱使畫面穩(wěn)定、和諧，均衡使畫面主題突出，畫面生動。版面布局基本要素1、主視角：最主要、或信息全面、或最打動觀眾的視角。2、輔助視角：通過其他視角輔助表達產(chǎn)品的重要信息。3、功能說明：通過指示箭頭、使用場景等方式闡述產(chǎn)品功能。4、局部放大圖：主、輔視角無法表達清晰的重要設(shè)計信息，通過局部放大的形式，進行設(shè)計細節(jié)表達。5、三視圖：既能更全面闡述設(shè)計，也是檢驗不同透視角度是否比例、尺寸保持統(tǒng)一的途徑。6、分析圖：設(shè)計構(gòu)思記錄、產(chǎn)品形體分析、爆炸圖。7、pop字體：活潑整體版面，起到有效的視覺表達。主圖次主圖三視圖人機使用圖細節(jié)圖細節(jié)圖細節(jié)圖版面布局分析：一張手繪作品，版面主要由主圖、次主圖、三視圖、細節(jié)圖、人機使用圖、箭頭、背景板、文字說明等構(gòu)成。主圖人機使用圖細節(jié)圖三視圖標題背景板構(gòu)圖的基本步驟：選擇構(gòu)圖形式確定主視覺圖細節(jié)特征補充根據(jù)產(chǎn)品形態(tài)特點選擇合適的構(gòu)圖形式，力求生動、清晰的表達出產(chǎn)品特征。選擇最具有視覺感染力的角度或者最有特點的產(chǎn)品使用狀態(tài)作為主視覺圖在完成主、次視圖后，可對局部細節(jié)、使用方法、結(jié)構(gòu)裝配等進行補充，讓觀眾進一步了解產(chǎn)品。補充次視覺圖通過一個主視覺圖難以充分表達產(chǎn)品信息特征時，需要補充次視覺圖，但要處理好主次圖關(guān)系，比如可以位置的上與下、前與后布置、正面與反面、角度的錯位等形式。1234構(gòu)圖的基本形式：構(gòu)圖的常見形式有三角形構(gòu)圖、垂直式構(gòu)圖、S形構(gòu)圖、中心式構(gòu)圖、漸變式構(gòu)圖等等。1、三角形構(gòu)圖：以3個視覺中心為表現(xiàn)對象，形成一個穩(wěn)定的三角形。這種三角形可以是正三角、斜三角或倒三角。此種構(gòu)圖具有安定、均衡的特點。2、中心式構(gòu)圖：主體處于畫面中心，周圍分布其他圖形，能將視線引向中心主體，具有聚集、向心力效果。3、漸變式構(gòu)圖：將多個圖形按照漸變形式排列，具有強烈的空間透視感。4、垂直式構(gòu)圖：當所畫產(chǎn)品較高時，可垂直式排列，能營造出整齊、高大效果5、S形構(gòu)圖：將產(chǎn)品在畫面中按照S形排列，具有動感、穩(wěn)定的美感。示意翻轉(zhuǎn)上下旋轉(zhuǎn)上下旋轉(zhuǎn)左右旋轉(zhuǎn)示意旋轉(zhuǎn)打開示意前后抽出示意上下抽出示意放大由中心往外指示箭頭應(yīng)用：將手繪中的指示箭頭常用來表達視角旋轉(zhuǎn)、局部細節(jié)放大、部件移動等信息。指示箭頭應(yīng)用案例—（圖片來自黃山手繪）背景處理—（圖片來自借筆建模）背景和投影可以有效襯托產(chǎn)品，一般背景的形狀為方形或圓形的簡單圖形，色彩上采用低明度、低純度顏色，力求凸顯產(chǎn)品效果，拉開畫面空間層次。背景處理—（圖片來自借筆建模）版面布局欣賞—（圖片來自花瓣網(wǎng)）版面布局欣賞—（圖片來自花瓣網(wǎng)）版面布局欣賞—（劉傳凱手繪作品）版面布局欣賞—（石上源手繪作品）剃須刀習題螺絲刀習題剃須刀習題攝像機習題19【小結(jié)】

本節(jié)主要向大家講解了版面構(gòu)圖，介紹了構(gòu)圖的步驟、類型和要素，指示箭頭、背景處理等內(nèi)容，并結(jié)合產(chǎn)品展開版面構(gòu)圖訓練，讓大家掌握方法和技巧，并結(jié)合課后的練習進一步鞏固學習效果。

方體類倒角產(chǎn)品中的倒角隨處可見，通過倒角可以增強產(chǎn)品親和力，豐富產(chǎn)品造型語言，也利于增強產(chǎn)品的強度和生產(chǎn)時脫模的需要。因此，掌握不同的倒角技巧對于畫好產(chǎn)品至關(guān)重要。21倒角類型常見倒角分為兩大類：倒切角和倒圓角,具體分為下面三類倒角：單邊倒角：物體只有一條邊進行倒角處理，其余邊角保持不變；ABO先找到倒角的起點和終點A、B，接著畫出紅色正方形，得到點O，以點O為圓心畫圓后完成倒圓角，直線連接AB即為倒切角ABO立方體的單邊倒圓角與單邊倒切角倒切角倒圓角22方體倒角訓練：復合倒角：物體多條邊進行組合倒角處理，分復合倒圓角和復合倒切角；ABCDEF先畫出立方體，接著找到紅色立方體上的交點ABCDEF，在需要倒角的邊所對應(yīng)的立方體各個面上分別進行單邊倒角處理。ABCDEF立方體的復合圓角與復合切角23方體倒角訓練：混合倒角：物體在復合倒角基礎(chǔ)上出現(xiàn)不同形式單邊倒角混接；混合倒角需要先倒半徑大的角，再倒半徑小的角。立方體的混合切角與混合圓角ACDEFBACDEFB24方體倒角示范訓練接下來，開始講解三種倒角的具體畫法，掃碼觀看詳細的視頻講解25方體倒角示范1音箱繪圖思路：先畫出方體，再四邊倒圓角，頂面四邊倒切角，頂面挖出凹槽后畫旋鈕。26倒角習題：方體類倒角基礎(chǔ)習題：根據(jù)下面的方體圓角類形體，進行臨摹學習27倒角鞏固習題：方體類倒角鞏固習題：根據(jù)下面的產(chǎn)品倒角類形體，進行臨摹學習28咖啡機繪圖思路：先畫出梯形主體，再挖出前凹槽和疊加一個前面銀色操作區(qū)，再倒圓角后完善細節(jié)特征方體類倒角拓展習題29【小結(jié)】

本節(jié)主要向大家介紹了方體倒角的具體表現(xiàn)方法，介紹了倒角的三種類型和具體的表現(xiàn)方法，并結(jié)合音箱和咖啡機案例展開視頻示范，讓大家掌握方法和技巧，并結(jié)合課后的練習進一步鞏固學習效果。

截面類產(chǎn)品

截面類產(chǎn)品是以一個或多個不同形狀的水平或垂直截面進行構(gòu)型，通過拉伸、放樣或多截面形成不同造型。31截面類產(chǎn)品類別：

截面類產(chǎn)品主要有拉伸類、放樣類、掃描類和多截面類構(gòu)成不同造型。表現(xiàn)時需要把握好截面的形體大小，在符合透視規(guī)律下，通過這些不同的構(gòu)建方式形成形體各異的產(chǎn)品形態(tài)。拉伸類：以圖中相同形狀的藍色菱形截面進行前后拉伸構(gòu)建的形體放樣類：以圖中不同形狀大小的藍色截面，通過直線或曲線路徑放樣構(gòu)建的形體多截面類：以圖中不同位置和方向的藍色截面進行構(gòu)建的形體32拉伸類產(chǎn)品：此產(chǎn)品為拉伸類，先繪制出截面造型，按照透視法則，定出產(chǎn)品長度后即可完成繪制。33放樣類產(chǎn)品：此產(chǎn)品為放樣類，先繪制出這些橢圓截面造型，按照透視法則，定出產(chǎn)品高度后即可完成繪制。34此產(chǎn)品為多截面類，先繪制出水平方向的截面形狀，然后進行垂直方向的兩個截面形狀繪制，再連接外輪廓線即可完成主體造型，再完成細節(jié)特征。多截面類產(chǎn)品：35截面構(gòu)型類習題：參照視頻，分別畫出以下產(chǎn)品耳溫計示范訓練先繪制出中心線，定出產(chǎn)品的走勢以及比例，接著畫出關(guān)鍵節(jié)點的截面形狀，并連接外輪廓，最后進行部件分割以及細節(jié)刻畫。37截面類習題多截面基礎(chǔ)習題：下面形體為拉伸、放樣截面，參照38多截面鞏固習題：POS機訓練先繪制出水平方向的綠色截面形狀，然后進行垂直方向的兩個紅色截面形狀繪制，再連接藍色外輪廓線即可完成主體造型，再完成其他細節(jié)特征。截面構(gòu)型拓展習題參照課堂訓練要求，畫出這款產(chǎn)品的前視圖、側(cè)視圖和透視圖40【小結(jié)】

本節(jié)主要向大家介紹了截面類產(chǎn)品的具體表現(xiàn)方法，介紹了截面類產(chǎn)品的不同類型以及繪制方法，并結(jié)合耳溫計和POS機產(chǎn)品案例展開視頻示范，讓大家掌握方法和技巧，并結(jié)合課后的練習進一步鞏固學習效果。41

空間形態(tài)推演當我們想表現(xiàn)一件產(chǎn)品時，往往需要借助三視圖和多個透視角度進行表達，才能將產(chǎn)品的功能、使用方法等信息說明清楚，如圖是從多個角度和三視圖表現(xiàn)的一款充電寶手繪作品，這樣就比較清晰完整的表達了產(chǎn)品的功能細節(jié)，尺寸比例關(guān)系。本節(jié)的重點在于講解透視圖與三視圖之間的轉(zhuǎn)化關(guān)系，及其中的方法和技巧。

42空間形態(tài)推演原理

我們經(jīng)常需要在三視圖和透視圖之間進行轉(zhuǎn)換訓練。以手機為例：根據(jù)手機三視圖或者透視圖，通過設(shè)定一個長方體，分別以手機六視圖中的BDE三個面與長方體進行配對，這三個面的組合就得到了右邊手機的透視圖，拆分開則為左邊的手機三視圖。手機的三視圖將手機三個視圖匹配到長方體三個面上手機的透視圖431、找到圖中的幾個藍色關(guān)鍵節(jié)點，根據(jù)推理完成頂視圖、左視圖和前視圖2、我們以頂視圖為例，從視角B方向畫出步驟4的透視圖。先通過點b畫出與視角B方向的藍色垂直線，依次畫出如圖穿過藍色點abc的紅箭頭，同時可以得到點b的兩個夾角30°和50°，以及線段ab與bc之間的比例關(guān)系為1:2。3、依據(jù)前面分析的比例和角度關(guān)系，先畫藍色水平線，以夾角30°和50°從點b分別作直線bd和bf，再以點a和c分別向上作垂線，交于點d和f，因此bd和bf就是產(chǎn)品的兩條底邊，分別以點df作平行線后可得到圖中的黃色底平面，將底平面抬高到點g位置即可得完成整體形態(tài)，也就是步驟2中視角B方向看到的透視圖，最后完成其他細節(jié)即可。充電寶空間形態(tài)推演分析

我們在臨摹產(chǎn)品時，往往只是些零散的產(chǎn)品圖片，如何從一張圖片推導出三視圖和其他透視角度圖是我們需要重點學習和掌握的技巧。如下圖這款充電寶產(chǎn)品的推導分析。30°20°abc視角Bdfgabc視角Bdf44bdefg鼠標空間形態(tài)推演分析1、分析鼠標特點后，找到圖中藍鼠標底面上的藍色點b、d、e、f和g，根據(jù)推理完成三視圖2、在頂視圖上以視角B為例，畫出與視角B方向的藍色垂直線，以藍色點d、e、g和f分別向藍色直線作紅色垂線，得到交點a、c和G、F，由此可以得到藍色線段上的比例關(guān)系，以及夾角30°和45°。而鼠標的最高點h剛好是正方形的一個角。3、依據(jù)前面分析的比例和角度關(guān)系，先畫藍色水平線確定abc之間的比例關(guān)系，以夾角30°和45°從點b分別作直線bd和be，再以點a和c分別向上作垂線，交于點d和e，因此bd和be就是產(chǎn)品的兩條底邊，按照推理我們可以找到底面上的點g和f的位置，由此連接各個點后可完成鼠標底面。根據(jù)畫出的紅色平行四邊形線框可找到最高點h，通過點f、h和線段bd的中點完成鼠標的頂面曲線，在確定這些主要的結(jié)構(gòu)線之后逐步找到其他結(jié)構(gòu)線后即可完成鼠標的整體形態(tài)，也就是步驟2中視角B方向看到的透視圖。45°30°acbh視角BdefgGF45°30°acbh視角BdefgGF45U盤空間形態(tài)推演根據(jù)前面的案例的分析，畫出圖中的產(chǎn)品三視圖和兩個視角的透視圖。46鼠標空間形態(tài)推演習題參照課堂訓練要求，參照弧形鼠標產(chǎn)品圖片，完成三視圖和透視角度圖的推導訓練47空間形態(tài)拓展習題參照課堂訓練要求，畫出圖中公牛插座的2個三視圖和2個透視角度圖49【小結(jié)】

本節(jié)主要向大家介紹了產(chǎn)品形體構(gòu)成的類別，分別從單純形體、組合形體和仿生形體展開產(chǎn)品的構(gòu)成分析，讓大家在繪制前理解產(chǎn)品的形體構(gòu)成，在學習了產(chǎn)品的形體構(gòu)成類別和方法，以及具體的繪制思路之后，我們已經(jīng)具備對產(chǎn)品的分析能力，繪制思路的分析能力，就可以展開具體的產(chǎn)品繪制訓練任務(wù)了。

球體類產(chǎn)品

球體類產(chǎn)品是以球體為基本體，在上面進行疊加、分割和修剪形體，再進行倒圓角和增加按鍵、指示燈和LOGO圖標等細節(jié)。51球體畫法：球體類形體畫法，是基于正圓和橢圓的畫法,具體步驟和方法如下。1、畫出一個大小比例恰當?shù)恼龍A2、通過圓心O，確定圓的十字中心線，得到交點ABCD3、在CD垂直線上定出點EF，依次通過點AEBF后畫出一個水平橢圓，就可以完成一個球體的表達。EFCDBAABCDO52球體畫法：球體類形體畫法，是基于正圓和橢圓的畫法,具體步驟和方法如下。4、找到點G（水平橢圓1/4圓弧長的1/3處）通過圓心O作GH,同樣方法作IJ，再分別作他們的垂直線KL,MN。2、通過直線GH,KL畫橢圓3、通過直線JI,MN畫橢圓，其中藍色點O，P為兩橢圓的交點，類似地球的北極點和南極點。完成球體的繪制。EFCDBAGOHIJKLMNEFCDBAGOHIJKLMNEFCDBAGOHIJKLMNOP53球體類示范球體類形體的訓練，都是先繪制一個正圓，再進行形體的切割、疊加或拓展出其他形體。迷你風扇示范先畫出紅色半球體風扇部分后，畫出中心線，再次畫出藍色底殼拉伸體部分，最后完成操作面板和出風孔。55球體類習題球體基礎(chǔ)習題：臨摹下面球體類線稿，要求形體準確，結(jié)構(gòu)特征合理，細節(jié)表現(xiàn)精致56球體鞏固習題：音箱產(chǎn)品訓練先畫出主體橢圓，確定好中心線后分出頂面橢圓和凸起蓋子的小橢圓，再確定兩個腳的中心線后畫出圓柱曲線。球體類拓展習題參照課堂訓練要求，畫出這款無線攝像頭產(chǎn)品的前視圖、側(cè)視圖和透視圖。58【小結(jié)】

本節(jié)主要向大家介紹了球體的具體表現(xiàn)方法，介紹了球體繪制的過程與方法，并結(jié)合迷你風扇和音箱產(chǎn)品案例展開視頻示范，讓大家掌握方法和技巧，并結(jié)合課后的練習進一步鞏固學習效果。

形體訓練

在學習了線條和透視知識之后，面對形態(tài)各異的產(chǎn)品時，我們又將如何去表現(xiàn)呢？其實，任何一件復雜產(chǎn)品形態(tài)都是由簡單的幾何形體加減而成。因此，本章將從形體構(gòu)成、空間形體轉(zhuǎn)換、方體倒角類、球體類、圓柱體類、形體交接類、截面類等方面展開訓練，以此來掌握不同形體的表現(xiàn)技巧。59一、形體構(gòu)成與分析

不同產(chǎn)品的形體可以為幾何體類和有機形態(tài)類，我們需要重點掌握形體構(gòu)成的類別及其構(gòu)成方法，通過不同案例的分析講解，來掌握繪制方法及其規(guī)律，并能對不同產(chǎn)品進行繪制思路和分析。

60一、產(chǎn)品形體構(gòu)成與分析

首先要了解產(chǎn)品的形體構(gòu)成，產(chǎn)品通常由單純形體、組合形體、仿生形體等三大類構(gòu)成，他們經(jīng)過修剪、分割、疊加和過渡等手法形成了形態(tài)各異的造型。單純形體組合形體仿生形體單純形體是指它的主體為方體、球體、圓柱、橢圓體、梯形圓臺等比較純粹的幾何形體，經(jīng)過疊加、切割、倒角等構(gòu)成較為復雜的形體。組合形體由不同幾何形體組合而成的較為復雜形體，組合形式通過疊加、切割、穿插、過渡等不同形式構(gòu)成較為復雜的形體。仿生形體主要模擬自然形態(tài)的造型、結(jié)構(gòu)和色彩，形成比較自由的形體。611、單純形體產(chǎn)品中單純形體主要是在主導形體上作減法處理，此類產(chǎn)品一般先繪制出主導形體，再進行剪切、分割、倒角處理，或者疊加、過渡次要形體，從而創(chuàng)造出形體各異的造型。62單純形體繪制分析繪制單純產(chǎn)品形體時從主導形體→加減形體→倒角細節(jié)處理的順序進行。主導形體為圓角圓柱體，經(jīng)過藍色體塊的剪切、分割或疊加后形成復雜造型，再經(jīng)倒角處理后完成。畫圓柱形體上下邊倒圓角剪出藍色造型面疊加頂面圓形薄片，分割底殼63單純形體繪制分析繪制單純產(chǎn)品形體時從主導形體→加減形體→倒角細節(jié)處理的順序進行。畫梯形圓臺底部疊加一個圓柱疊加底部梯形圓臺分割頂部橢圓面以及中間金屬，挖出環(huán)形孔64單純形體習題：

參考前面案例中的單純形體繪制分析，完成下面2個產(chǎn)品的形體繪制思路，畫出步驟圖。652、組合形體

產(chǎn)品組合形體一般由主導形體與次要形體和附屬形體組合而成。組合形體之間也是通過分割、疊加和過渡進行形體構(gòu)造。66組合形體繪制分析繪制組合產(chǎn)品形體時也是從主導形體→次要形體→附屬形體的順序進行。1、先畫水滴狀主體

3、再完成攝像頭、散熱孔等附屬形體

2、疊加頂部薄片和右側(cè)圓柱次要形體671、先畫半球體2、嵌入藍色次要形體組合形體繪制分析繪制組合產(chǎn)品形體時也是從主導形體→次要形體→附屬形體的順序進行。

3、再完成旋鈕按鈕等附屬形體68組合形體繪制習題參考前面案例中的組合形體繪制分析，完成下面2個產(chǎn)品的形體繪制思路，畫出步驟圖。693、仿生形體構(gòu)成

仿生形體是模仿大自然中的不同形體，一般由多種形體經(jīng)過剪切、疊加和過渡形成，往往難以直接判斷出是什么形體，因此需要先將復雜形體分解成簡單幾何體。70仿生形體繪制分析此長頸鹿造型較復雜，先分解成身體、頭部和腿、角等部分,按照從主導形體→次要形體→附屬形體的順序進行繪制。

4、分割、疊加紅色等附屬形體1、先畫主體藍色身體2、疊加藍色頭部3、再完成脖子圓角過渡71仿生形體繪制分析此飯勺、勺子等由鳥作把柄，尾部作為勺子構(gòu)成。按照從主導形體→次要形體→附屬形體的順序進行繪制。以其中一款勺子為例：1、畫主體勺柄2、疊加勺子3、添加細節(jié)72仿生形體構(gòu)成習題參考前面案例中的仿生形體繪制分析，完成下面2個產(chǎn)品的形體繪制思路，畫出步驟圖。73

在學習了產(chǎn)品的形體構(gòu)成類別和方法，以及具體的繪制思路之后，我們已經(jīng)具備對產(chǎn)品的分析能力，繪制思路的分析能力，就可以展開具體的產(chǎn)品繪制訓練任務(wù)了。74

形體交接類產(chǎn)品

形體的交接是產(chǎn)品中經(jīng)常出現(xiàn)的結(jié)構(gòu)形式，繪制時需要對產(chǎn)品的結(jié)構(gòu)關(guān)系了解清楚，借助透視和線條進行準確的表現(xiàn)。76形體交接類型：形體的交接類型比較多，常見的有方體與圓柱體、圓柱體與圓柱體、球體與方體，球體與圓柱體之間的相互交接關(guān)系，我們要掌握這些形體交接處的線條特征和規(guī)律。圓柱體與方體之間交接圓柱體與圓柱體之間交接圓柱體與球體、方體之間的交接77圓柱穿插畫法：形體的交接中以圓柱類形體的交接最難，因此通過下面的具體步驟和方法來講解示范。1、先繪制水平放置的圓柱，通過點O作一條垂直線CD，以點E的高度畫一條水平線，完成一個頂部水平橢圓2、通過點E畫出與直線AB的平行線FG，通過點N畫出與AB的平行線HI，通過點FG分別向下引出垂直線，得到交點H和I。再次通過點E作直線JK，以點JK分別向下作垂直線，與下面的橢圓相交得到點L和M，這樣，我們得到了H、M、I、L四個點3、分別通過H、M、I、L四個點，以相切的方式畫出如圖中的曲線，即是兩個圓柱的交線。4、最后連接兩條黑色的垂直的外輪廓線，完成圓柱體的穿插形體。GHIKJMLHIML相交截面OBACDEBAFEN78圓柱穿插類示范我們通過圓柱穿插類形體的示范，具體講解其中的表現(xiàn)方法及注意要點，大家可以看視頻進行學習，并完成作業(yè)訓練。

耳機產(chǎn)品示范訓練先畫出耳機圓柱主體，再畫穿插形體的耳機柄，需要注意交接線形態(tài)。80形體交接類習題臨摹下面柱體類線稿，要求形體準確，結(jié)構(gòu)特征合理，細節(jié)表現(xiàn)精致。81形體交接拓展習題：攪拌機練先畫出圓柱體機身，再確定把手中心線后，完成把手，與圓柱體穿插交接。形體交接類拓展習題參照課堂訓練要求，畫出這款產(chǎn)品的前視圖、側(cè)視圖和透視圖83【小結(jié)】

本節(jié)主要向大家介紹了圓柱交接的具體表現(xiàn)方法，介紹了圓柱交接繪制的過程與方法，并結(jié)合耳機和攪拌機產(chǎn)品案例展開視頻示范，讓大家掌握方法和技巧，并結(jié)合課后