版式設(shè)計(jì)完整

1、Layout Design 版式版式設(shè)計(jì)設(shè)計(jì)版式設(shè)計(jì)版式設(shè)計(jì) 課程章節(jié)課程章節(jié)第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概念一、版式設(shè)計(jì)的概念 二、版式設(shè)計(jì)的應(yīng)用 三、版式設(shè)計(jì)的發(fā)展史 第二章第二章 版式設(shè)計(jì)的原則版式設(shè)計(jì)的原則 一、主題突出二、簡明易懂 三、內(nèi)容與形式四、布局協(xié)調(diào) 第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排 一、構(gòu)成要素的編排與設(shè)計(jì)（文字、圖版、色彩）二、視覺要素的編排與設(shè)計(jì)（點(diǎn)、線、面、空間）第四章第四章 版式視覺流程版式視覺流程 一、直線視覺流程 二、曲線視覺流程 三、焦點(diǎn)視覺流程 四、導(dǎo)向視覺流程 五、散點(diǎn)視覺流程 六、反復(fù)視覺流程 第五章第五章 版式編排法則版

2、式編排法則 一、理性原則 二、感性原則 第六章第六章 版式編排類型版式編排類型 一、上下型 二、左右型 三、中心型四、分割型五、對角型六、遠(yuǎn)近型 第七章第七章 版面設(shè)計(jì)的應(yīng)用版面設(shè)計(jì)的應(yīng)用一、報(bào)紙版面設(shè)計(jì) 二、雜志版面排設(shè)計(jì) 三、其他版面設(shè)計(jì)目目 錄錄版式設(shè)計(jì)版式設(shè)計(jì) 概念概念第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概念 又稱版面設(shè)計(jì)、編排設(shè)計(jì)，是平面設(shè)計(jì)的重要組成部分，有限的空間中，將版面構(gòu)成要素構(gòu)成要素：文字、文字、圖片圖形、線條線框和顏色色塊圖片圖形、線條線框和顏色色塊等元素，按照特定內(nèi)容的需要進(jìn)行組合排列，把構(gòu)思與計(jì)劃以視覺形式表達(dá)出來。 第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概

3、念 廣泛應(yīng)用應(yīng)用到設(shè)計(jì)的各個(gè)領(lǐng)域，海報(bào)招貼設(shè)計(jì)側(cè)重于圖形元素的創(chuàng)作，報(bào)紙雜志則側(cè)重文字編排元素，包裝設(shè)計(jì)則是圖形、文字與色塊的綜合編排。版式設(shè)計(jì)版式設(shè)計(jì) 應(yīng)用應(yīng)用第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概念 版式設(shè)計(jì)版式設(shè)計(jì) 古代發(fā)展歷史古代發(fā)展歷史埃及死亡之書埃及死亡之書第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概念 1515世紀(jì)，歐洲開始用木塊雕刻文世紀(jì)，歐洲開始用木塊雕刻文字，字，1919世紀(jì)，印刷和造紙技術(shù)的世紀(jì)，印刷和造紙技術(shù)的發(fā)展，為平面設(shè)計(jì)的發(fā)展打下基發(fā)展，為平面設(shè)計(jì)的發(fā)展打下基礎(chǔ)。礎(chǔ)。版式設(shè)計(jì)版式設(shè)計(jì) 古典主義發(fā)展歷古典主義發(fā)展歷史史英國人莫里斯，是古典主義版面的創(chuàng)始人，設(shè)計(jì)

4、風(fēng)格嚴(yán)謹(jǐn)、樸素大方，十分簡潔、淡雅、哥特式，偏男性化。在版面中采用對稱式構(gòu)圖，美觀的字體，新穎的版面編排和精美的裝飾紋樣，倡導(dǎo)的工藝美術(shù)運(yùn)動(dòng)工藝美術(shù)運(yùn)動(dòng)在歐美造成了驚人的效果和廣泛的影響。第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概念 版式設(shè)計(jì)版式設(shè)計(jì) 古典主義發(fā)展歷古典主義發(fā)展歷史史導(dǎo)的新藝術(shù)運(yùn)動(dòng)新藝術(shù)運(yùn)動(dòng)曲線、柔美、自然紋樣、巴洛克式的女性化，裝飾藝術(shù)運(yùn)動(dòng)裝飾藝術(shù)運(yùn)動(dòng)裝飾性幾何化、平面化，明快、簡練構(gòu)圖布局寬松，由對稱式結(jié)構(gòu)轉(zhuǎn)為均衡式構(gòu)圖第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概念 版式設(shè)計(jì)版式設(shè)計(jì) 現(xiàn)代主義發(fā)展歷現(xiàn)代主義發(fā)展歷史史20世紀(jì)初的先鋒藝術(shù)，理論基礎(chǔ)是蔑視和顛覆頹廢文化，成為

5、現(xiàn)代造型的先驅(qū)，達(dá)達(dá)主義達(dá)達(dá)主義反對任何藝術(shù)風(fēng)格，拒絕任何造型準(zhǔn)則的概念化，要求培養(yǎng)簡樸純正的造型觀念。第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概念 版式設(shè)計(jì)版式設(shè)計(jì) 現(xiàn)代主義發(fā)展歷現(xiàn)代主義發(fā)展歷史史俄國人李斯基是構(gòu)成主義構(gòu)成主義的創(chuàng)始人。構(gòu)成主義在點(diǎn)、線、面和色彩處理上運(yùn)用規(guī)律排列、追求秩序美。以理性簡潔的幾何形態(tài)構(gòu)成圖形。著重刻畫節(jié)奏美和抽象美，開創(chuàng)了現(xiàn)代版面構(gòu)成的先河。兩個(gè)正方形的故事兩個(gè)正方形的故事荷蘭風(fēng)格派荷蘭風(fēng)格派是重要的現(xiàn)代主義設(shè)計(jì)運(yùn)動(dòng)，特點(diǎn)是簡單的縱橫編排方式，簡單、結(jié)構(gòu)抽象，追求非對稱中的視覺平衡。蒙德里安蒙德里安紅、黃、藍(lán)構(gòu)成紅、黃、藍(lán)構(gòu)成第一章第一章 版式設(shè)計(jì)基本概念版

6、式設(shè)計(jì)基本概念 版式設(shè)計(jì)版式設(shè)計(jì) 現(xiàn)代主義發(fā)展歷現(xiàn)代主義發(fā)展歷史史1919年年德國德國人格羅佩斯創(chuàng)立人格羅佩斯創(chuàng)立的的包豪斯包豪斯設(shè)計(jì)學(xué)院，是現(xiàn)代設(shè)計(jì)學(xué)院，是現(xiàn)代設(shè)計(jì)的先驅(qū)與搖籃，開創(chuàng)了現(xiàn)代設(shè)計(jì)的先驅(qū)與搖籃，開創(chuàng)了現(xiàn)代設(shè)計(jì)的新紀(jì)元。為現(xiàn)代版面構(gòu)成設(shè)計(jì)的新紀(jì)元。為現(xiàn)代版面構(gòu)成打下了堅(jiān)實(shí)的基礎(chǔ)。打下了堅(jiān)實(shí)的基礎(chǔ)。第一章第一章 版式設(shè)計(jì)基本概念版式設(shè)計(jì)基本概念 版式設(shè)計(jì)版式設(shè)計(jì) 現(xiàn)代主義發(fā)展歷現(xiàn)代主義發(fā)展歷史史國際主義風(fēng)格：國際主義風(fēng)格：通過簡單的網(wǎng)格結(jié)構(gòu)和標(biāo)準(zhǔn)化的版面公式，達(dá)到設(shè)計(jì)上的統(tǒng)一性。強(qiáng)調(diào)功能與形式，達(dá)到高度的可讀性”瑞士骨骼瑞士骨骼“的編排方法，被運(yùn)用到書籍裝幀及雜質(zhì)報(bào)紙的設(shè)計(jì)上。后現(xiàn)代

7、主義下，數(shù)碼革命的掀起，后現(xiàn)代主義下，數(shù)碼革命的掀起，節(jié)省大量修改時(shí)間，為完美的方節(jié)省大量修改時(shí)間，為完美的方案進(jìn)行優(yōu)化，風(fēng)格多變，視覺要案進(jìn)行優(yōu)化，風(fēng)格多變，視覺要素多種可能性的組合，處理各種素多種可能性的組合，處理各種圖形，模糊邊緣，增加層次的關(guān)圖形，模糊邊緣，增加層次的關(guān)系，空間充滿進(jìn)深感，肌理創(chuàng)造系，空間充滿進(jìn)深感，肌理創(chuàng)造更復(fù)雜，快速建立各種骨骼。更復(fù)雜，快速建立各種骨骼。第二章第二章 版式設(shè)計(jì)的原則版式設(shè)計(jì)的原則 版式設(shè)計(jì)版式設(shè)計(jì) 主題突出主題突出使版面產(chǎn)生清晰的條理性，利用使版面產(chǎn)生清晰的條理性，利用元素合理的組織更好突出主題，元素合理的組織更好突出主題，達(dá)到最佳傳達(dá)信息的效果。

8、達(dá)到最佳傳達(dá)信息的效果。按照主從關(guān)系的順序，使產(chǎn)品本身成為主體形象，占據(jù)版面的設(shè)計(jì)中心。第二章第二章 版式設(shè)計(jì)的原則版式設(shè)計(jì)的原則 版式設(shè)計(jì)版式設(shè)計(jì) 主題突出主題突出將文章中各種信息整體編排，注意與主體的關(guān)系，這樣會(huì)使主題鮮明，使人一目了然。 使主體處在被強(qiáng)調(diào)的位置上，如主體周圍增強(qiáng)空白，或處理成前明后暗的效果。第二章第二章 版式設(shè)計(jì)的原則版式設(shè)計(jì)的原則 版式設(shè)計(jì)版式設(shè)計(jì) 簡明易懂簡明易懂由于平面類的設(shè)計(jì)只能在有限的由于平面類的設(shè)計(jì)只能在有限的空間里與讀者交流，這就要求版空間里與讀者交流，這就要求版面的單純，簡潔，通過對信息的面的單純，簡潔，通過對信息的濃縮處理，才能精煉的表達(dá)內(nèi)容，濃縮處理，

9、才能精煉的表達(dá)內(nèi)容，形成新穎的藝術(shù)構(gòu)思。形成新穎的藝術(shù)構(gòu)思。第二章第二章 版式設(shè)計(jì)的原則版式設(shè)計(jì)的原則 版式設(shè)計(jì)版式設(shè)計(jì) 內(nèi)容和形式內(nèi)容和形式形式完美，并且符合主題的思想形式完美，并且符合主題的思想內(nèi)容。形式受制于設(shè)計(jì)本身的主內(nèi)容。形式受制于設(shè)計(jì)本身的主題與內(nèi)容。否則只能是空洞呆板題與內(nèi)容。否則只能是空洞呆板的作品。的作品。第二章第二章 版式設(shè)計(jì)的原則版式設(shè)計(jì)的原則 版式設(shè)計(jì)版式設(shè)計(jì) 布局協(xié)調(diào)布局協(xié)調(diào)整個(gè)版面如何在結(jié)構(gòu)上及色彩上整個(gè)版面如何在結(jié)構(gòu)上及色彩上達(dá)到一種整體的效果，使版面具達(dá)到一種整體的效果，使版面具有秩序美，條理性，從而獲得良有秩序美，條理性，從而獲得良好的視覺效果，這也是版面編排

10、好的視覺效果，這也是版面編排設(shè)計(jì)的一個(gè)重要原則設(shè)計(jì)的一個(gè)重要原則第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 圖版的編排與設(shè)計(jì)圖版的編排與設(shè)計(jì)第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 圖版的編排與設(shè)計(jì)圖版的編排與設(shè)計(jì)第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 圖版的編排與設(shè)計(jì)圖版的編排與設(shè)計(jì)第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì)如何經(jīng)營點(diǎn)、線、面如何經(jīng)營點(diǎn)、線、面點(diǎn)一個(gè)數(shù)字、字母、頁碼線一行文字、空白面一個(gè)色塊、一段文字、一塊空白第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì)

11、 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 點(diǎn)的編排點(diǎn)

12、的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 點(diǎn)的編排點(diǎn)的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 線的編排線的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 線的編排線的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 線的編排線的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 線的編排線的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 線的編排線的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 線的編排線的編排第三章

13、第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 線的編排線的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 面的編排面的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 面的編排面的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 面的編排面的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 面的編排面的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 面的編排面的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 面的編排面的編排第三章第三章 版式

14、設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 面的編排面的編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排通過比例展示空間通過比例展示空間 視覺經(jīng)驗(yàn)中大的物體近，小的物體遠(yuǎn)，利用這種特性，將主要形象放大，次要形象縮小，建立良好的遠(yuǎn)、中、近層次，使版面主體突出，節(jié)奏明快。 第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排通過黑、白、灰關(guān)系展示空間通過黑

15、、白、灰關(guān)系展示空間 無論有色、無色版面都可以歸納為黑、白、灰的空間構(gòu)成。一般來說版面中感覺最強(qiáng)烈的是白色，其次為黑色，而灰色的感覺最遲鈍，所以可以認(rèn)為白色是版面的近景，灰色為中景，黑色為遠(yuǎn)景。 第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排通過位置關(guān)系展示空間通過位置關(guān)系展示空間 前后疊加排列產(chǎn)生遠(yuǎn)、中、近層次，疏的編排近，密的編排遠(yuǎn) 第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式

16、設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排通過肌理對比展示空間通過肌理對比展示空間 肌理明顯的形象近，肌理模糊的形象遠(yuǎn) 第三章第三章 版式設(shè)計(jì)的元素編排版式設(shè)計(jì)的元素編排版式設(shè)計(jì)版式設(shè)計(jì) 空間編排空間編排第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則均衡均衡通過協(xié)調(diào)畫面各要素在主次、強(qiáng)弱的差異關(guān)系，來取得設(shè)計(jì)視覺的美感及與內(nèi)容相配的邏輯性。位置、大小、色調(diào)、位置、大小、色調(diào)、肌理肌理第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì)

17、感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則對比對比將相互對比的畫面視覺要素進(jìn)行處理、配置的構(gòu)圖方式。形態(tài)對比、大小對比、形態(tài)對比、大小對比、動(dòng)勢對比、色調(diào)對比、動(dòng)勢對比、色調(diào)對比、肌理對比等。肌理對比等。第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法

18、則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章

19、版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則自由自由指一些運(yùn)用非規(guī)則的方法對畫面要素進(jìn)行編排配置的構(gòu)圖方法。自由的構(gòu)圖方式，完全依賴于人對視覺形象的直覺判斷，有時(shí)這種方式也表現(xiàn)為設(shè)計(jì)師情感方面的宣泄與暗示。第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第四章第四章 版式編排法則版式編排法則版式設(shè)計(jì)版式設(shè)計(jì) 感性法則感性法則第六章第六章 版式編排類型版式編排類型版式設(shè)計(jì)版式設(shè)計(jì)上下上下左右左右中心中心分割分割對角對角遠(yuǎn)近遠(yuǎn)近第六章第六章 版式編排類型版式編排類型版式設(shè)計(jì)版式設(shè)計(jì) 上