版式網格設計
❶ 一個網格兩個版式是什麼意思,該怎麼排版/
這個還真不知道怎麼搞,待高人解答
❷ 我有一個版式,如何才能知道這個版面的網格是怎麼打的呢如何才能知道是多少行多少欄欄間距是多少呢
遺忘了 Windows 登錄密碼 WinMe/98 下對策 : 開機後按 F8 鍵選擇 DOS 啟動,然後刪除 Windows 安裝目錄下的 *.PWL 密碼文件、以及 Profiles 子目錄碌乃 懈 人信息文件,重新啟動 Windows 後,系統會彈出一個不包含任何 用戶名的密碼設置框,此時無需輸入任何內容,直接單擊「確 定」,登錄密碼即被刪除。 另外,將注冊表資料庫 HKEY_LOCAL_MACHINE 、 Network 、 Logon 分支下的 UserProfiles 修改為「 0 」,然後重新啟動 Windows 也 可達到同樣目的 WinXP/2000 下對策 : 刪除系統安裝目錄 \system32 \config 下的 SAM 文件,重新啟動,此時管理員 Administrator 賬 號已經沒有密碼了,用 Administrator 帳戶登陸系統,不用輸入 任何密碼,進入系統後再重新設置登陸帳戶密碼即可。 遺忘了 Windows 屏保密碼 解決方法 : 在開機後按 F8 鍵,選擇安全模式啟動,進入 Windows 後,右擊桌面空白處,從彈出的快捷菜單中選擇「屬性」 / 屏幕 保護,取消「密碼保護」即可。 查看「 * 」密碼 許多密碼在屏幕上都是以「 * 」顯示的,因此我們無法直接看到 密碼的原始字元,如果你使用專門破解「 * 」密碼的軟體,即可 查出這些密碼的原始字元。 這樣的軟體有很多,例如 Win2000/Win98 下你可用 iOpus Password Recovery , WinXP 下可用 Password Spectator Pro 。使用時,只需先打開顯示「 * 」的窗口,啟動這類軟體,然後 按住 Ctrl 鍵、在密碼欄中按下滑鼠左鍵,這些「 * 」密碼的原始 字元就會顯示出來了。
❸ 網格系統與版式設計怎麼樣
不錯,作者有這種實力將柵格空間上的設計精緻的分析到這種程度,實在是讓我看了又看啊,抽去所有我們平面課上的理論,國內好像還沒有這樣子講的老師。挺有意思,挺實用。
❹ 版式設計的個性表現在哪些方面
見版式設計形式三種、古典版式設計五百前德谷登堡代表些歐洲圖書設計藝術家所確立版式設計形式具典雅、均衡、稱特色直沿用至今種設計形式特點:訂口軸左右兩面稱字距、行距具統尺寸標准、腳、訂口、翻口均按照定比例關系組保護性框文字油墨深淺版內所嵌圖片黑白關系都嚴格應標准二、網格設計網格設計於20世紀30代起源於瑞士運用固定格設計版面:版高寬欄、二欄、三欄至更欄由規定定標准尺寸;運用標准尺寸控制安排文章、標題圖片使版面形節奏組合未印刷部印刷部背景網格設計比例、力場、、向、稱、均衡、空白、韻律、比、割等藝術規律運用達理想設計效網格設計風格形離建築藝術深刻影響運用數比例關系具緊密連貫、結構嚴謹等特點考慮網格結構忽略靈應用網格種約束物導致布局呆板現代設計創造性應用網格設計尤重要三、自由版式設計科技突破激光照排技術產自由版式設計誕發展前提特別計算機製版技術普及使自由版式設計股阻擋潮流自由版式設計代表物美設計師戴維·卡森改變字體書寫規律突破碃雞百課知酒版旬保莫原版式設計認識傳統設計界限創劃代設計新觀念自由版式設計必定自身形式規律版疆界性、字圖體性、解構性、局部非閱讀性字體變性1.版疆界性自由版式設計既同於古典式結構嚴謹稱同於網格設計欄目條塊割依照設計象文字、圖形內容隨所欲自由編排實物所佔空間與空白間隙同等重要所謂、腳、訂口、翻口讓讀者產豐富想像空間2.字圖體性文字作圖形部文字圖形作幅繪畫作品運用形式美節奏、韻律、垂直、傾斜、虛實等手完達字圖體;文字疊加、重合等增加空間厚度層 『3.解構性指古典排版秩序肢解、破壞重組新型版面與藝術創作、平面設計現代主義思潮脈相承4.局部非閱讀性現代設計更高境界追求功能美與諧結合例戴維·卡森文字作虛化處理通文字旋轉、重疊使其表達意義功能弱化非閱讀部高信息量環境簡化部信息強化另部特別需要信息達兩者高度統藝術手5.字體變性指設計充運用各種各字體形式使設計充滿代
❺ 網格設計系統的表現形式有哪些
見版式設計形式三種、古典版式設計五百前德谷登堡代表些歐洲圖書設計藝術家所確立版式設計形式具典雅、均衡、稱特色直沿用至今種設計形式特點:訂口軸左右兩面稱字距、行距具統尺寸標准、腳、訂口、翻口均按照定比例關系組保護性框文字油墨深淺版內所嵌圖片黑白關系都嚴格應標准二、網格設計網格設計於20世紀30代起源於瑞士運用固定格設計版面:版高寬欄、二欄、三欄至更欄由規定定標准尺寸;運用標准尺寸控制安排文章、標題圖片使版面形節奏組合未印刷部印刷部背景網格設計比例、力場、、向、稱、均衡、空白、韻律、比、割等藝術規律運用達理想設計效網格設計風格形離建築藝術深刻影響運用數比例關系具緊密連貫、結構嚴謹等特點考慮網格結構忽略靈應用網格種約束物導致布局呆板現代設計創造性應用網格設計尤重要三、自由版式設計科技突破激光照排技術產自由版式設計誕發展前提特別計算機製版技術普及使自由版式設計股阻擋潮流自由版式設計代表物美設計師戴維·卡森改變字體書寫規律突破原版式設計認識傳統設計界限創劃代設計新觀念自由版式設計必定自身形式規律版疆界性、字圖體性、解構性、局部非閱讀性字體變性1.版疆界性自由版式設計既同於古典式結構嚴謹稱同於網格設計欄目條塊割依照設計象文字、圖形內容隨所欲自由編排實物所佔空間與空白間隙同等重要所謂、腳、訂口、翻口讓讀者產豐富想像空間2.字圖體性文字作圖形部文字圖形作幅繪畫作品運用形式美節奏、韻律、垂直、傾斜、虛實等手完達字圖體;文字疊加、重合等增加空間厚度層 『3.解構性指古典排版秩序肢解、破壞重組新型版面與藝術創作、平面設計現代主義思潮脈相承4.局部非閱讀性現代設計更高境界追求功能美與諧結合例戴維·卡森文字作虛化處理通文字旋轉、重疊使其表達意義功能弱化非閱讀部高信息量環境簡化部信息強化另部特別需要信息達兩者高度統藝術手5.字體變性指設計充運用各種各字體形式使設計充滿代
❻ 什麼是網格設計網格設計在版式中有哪些分類
網格設計,版式設計的一種,產生於二十世紀初葉的西歐諸國,完版善則於五十年代的瑞士。網權格設計風格的形成離不開建築對其深刻的影響,其風格特點是運用數字的比例關系,通過嚴格的計算,把版心劃分為無數統一尺寸的網格。
❼ 在平面排版中,啥叫網格化呢
首先 網格在 PHOTOSHOP 中 [視圖] 菜單中的 [顯示] 攔中
其次 網格是制圖中很重要的輔助工具 是精心制圖 校對時必版備的工具 比權[輔助線] 更方便 精準
方便的工具 就像小學生剛開始練字用的田字格一樣 只不過網格是布滿你整個圖片的
十字小方格 有固定的尺寸 由每個小格組成每個大格。
最後 網格是可以隱藏的 如果你沒有隱藏它 就算列印時它也是不會跟著圖片或文字被打出來的。
如果在PS 中你選定了網格 那在之後打開的圖片中網格會自動顯示 只到你將它選擇隱藏
網格化也就是更精細 系統 准確的意思吧
❽ 版式設計的主要形式有哪些
常見的版式設計形式有三種。一、古典版式設計這是五百多年前以德國人谷登堡為代表的一些歐洲圖書設計藝術家所確立的版式設計形式,具有典雅、均衡、對稱的特色,一直沿用至今。這種設計形式的特點是:以訂口為軸心左右兩面對稱,字距、行距具有統一尺寸標准,天頭、地腳、訂口、翻口均按照一定的比例關系組成一個保護性框子。文字油墨的深淺和版心內所嵌圖片的黑白關系都有嚴格的對應標准。二、網格設計網格設計於20世紀30年代起源於瑞士。這是運用固定的格子設計版面的方法:把版心的高和寬分為一欄、二欄、三欄以至更多的欄,由此規定一定的標准尺寸;運用這個標准尺寸控制和安排文章、標題和圖片,使版面形成有節奏的組合,未印刷部分成為被印刷部分的背景。網格設計以比例、力場、中心、方向、對稱、均衡、空白、韻律、對比、分割等藝術規律的運用,達到理想的設計效果。網格設計風格的形成離不開建築藝術的深刻影響,它運用數學的比例關系,具有緊密連貫、結構嚴謹等特點。如果只考慮網格的結構而忽略了靈活的應用,那麼網格將成為一種約束物,導致布局呆板。因此,在現代設計中創造性地應用網格設計尤為重要。三、自由版式設計科技成果的突破,激光照排技術的產生,是自由版式設計誕生和發展的前提。特別是計算機製版技術的普及,使自由版式設計成為一股不可阻擋的潮流。自由版式設計的代表人物是美國設計師戴維·卡森。他改變了字體和書寫的規律,突破了人們原來對版式設計的認識和傳統設計的界限,開創了劃時代的設計新觀念。當然,自由版式設計必定也有自身的形式規律,這就是版心無疆界性、字圖一體性、解構性、局部的非閱讀性和字體的多變性。1.版心無疆界性。自由版式設計既不同於古典式的結構嚴謹對稱,也不同於網格設計中的欄目條塊分割,而是依照設計對象中文字、圖形的內容隨心所欲地自由編排。實物所佔空間與空白間隙同等重要,無所謂天頭、地腳、訂口、翻口,可讓讀者產生豐富的想像空間。2.字圖一體性。這是把文字作為圖形的一部分,將此「文字圖形」作為一幅繪畫作品,運用形式美的節奏、韻律、垂直、傾斜、虛實等手法來完成,達到字圖一體;還可將文字疊加、重合等,以增加空間厚度和層次。 『3.解構性。這是指將古典排版秩序肢解、破壞從而重組新型的版面。這與藝術創作、平面設計的後現代主義思潮一脈相承。4.局部的非閱讀性。這是對現代設計更高境界的追求,是功能美與和諧的結合。例如戴維·卡森常將文字作虛化處理,通過文字的旋轉、重疊而使其表達意義的功能大大弱化,從而成為非閱讀部分。這是在高信息量的生活環境中,簡化一部分信息而強化另一部分特別需要的信息,以達到兩者高度統一的藝術手法。5.字體的多變性。這是指在設計中充分運用各種各樣的字體形式,從而使設計充滿時代感。
❾ 平面設計中的網格系統好還是柵格系統和版式設計
研究網頁柵格系統前,來看一組數據:網站首頁頁面寬度pxYahoo!950淘寶950MySpace960新浪950網易搜狐950優酷960AOL960上面列舉的都是Alexa全球排名前100的站點,它們的首頁寬度為950px/960px.除了微軟的LiveSearch,這些站點有個共同特點:頁面結構較復雜,都可以認為是門戶型網站。再來看看Google,YouTube,Facebook,Flickr!,eBay等知名站點,它們的首頁寬度沒什麼固定規律,共同的特點是:功能專一,頁面結構相對簡單。根據上面的簡單分析可以認為:當搭建頁面結構復雜的門戶型網站時,開發工程師們不約而同地都選擇將頁面寬度定為950px/960px.這是一件很有趣的事情,為什麼要選擇這個寬度呢?這個寬度值究竟有什麼魔力?神奇的960設計師們對蘋果情有獨衷。在1024x768的解析度下,打開Firefox:自然狀態下,Firefox窗體的大小約為974x650.減掉左右兩邊7px的邊框,網頁的實際大小為上圖中的紅色部分,高寬為960x650.有趣的960就這樣出現了。是的,可以認為一切就這么簡單。柵格系統最早出現在平面設計領域,設計師們愛用蘋果,蘋果下瀏覽器的默認寬度為960px,於是960就這么「自然」地出現了。數字背後的奧妙上面的「自然」出現,細究自然是不讓人信服的。蘋果系統的設計者們在沒有喝醉酒的情況下選擇了960,而不是其它什麼1000之類的整數,自然另有奧妙。科學界有很多問題都可以歸結到數學問題上,我們也從數學著手:960可以分解為2的6次方乘以3和5,這使得960可以分割成以下寬度的整數倍:2,3,4,5,6,8,10,12,15,16,20,24,30,32,40,48,60,64,80,96,120,160,192,240,320,480共26種(26=7*2*2-2,減去2是去掉1和960自身),我們標記為:N(960)=N(2^6*3*5)=26根據上面的演算法,可以得到:N(360)=N(2^3*3^2*5)=22N(480)=N(2^5*3*5)=22N(720)=N(2^4*3^2*5)=28N(750)=N(2*3*5^3)=14N(800)=N(2^5*5^2)=16N(960)=N(2^6*3*5)=26N(1000)=N(2^3*5^3)=14N(1024)=N(2^10)=9N(1440)=N(2^6*3^2*5)=34N(1920)=N(2^7*3*5)=30根據直覺(嚴格證明也不難,不過還是留給數學系的學生去證明吧),我們得到一個有趣的結論:要使得N(width)最大,width的取值有兩個系列:A系列:…,320,720,1440,…B系列:…,480,960,1920,…N越大,可組合的寬度值就越多。對柵格系統來說,這意味著越靈活!目前絕大多數顯示器都支持1024x768及其以上解析度。為了有效的利用屏幕寬度同時保證柵格的靈活度,可以看出960是非常合適的。這樣,在目前主流顯示器下,960就成為網頁柵格系統中的最佳寬度了。(也許不久的將來,將會流行1440)首先澄清一個應用場景問題。研究(1)中指出,對於結構復雜的網站,不少設計師們喜歡採用960固定寬度布局。但要注意的是,960並不是萬能鑰匙,大部分網站沒有也不需要柵格系統。Amazon採用的是寬度自適應布局,最大限度的呈現信息。Google更是簡簡單單,主題部分就一個列表。eBay的頁面非常簡潔,商品頁面寬度自適應,信息自然流暢,噪音少,購物很踏實。類似的站點還有很多,對於這些站點來說,寬度自適應布局更受青睞。有個很有意思的網站是Yahoo!,看起來是固定寬度布局,實際上在CSS中只要去掉一行,就能搖身一變自適應寬度了:以下為引用的內容:#page{width:70em;}為什麼Yahoo!最後選擇了定寬布局呢?這很可能是因為定寬布局比寬度自適應布局更容易控制。對於結構復雜的網站來說,可維護性和可擴展性非常重要。Yahoo!是以信息展示為主的門戶型網站,960的寬度對於信息的閱讀比較友善(JoeClark寫了一篇屏幕閱讀時有關行長的有趣文章)。種種因素使得Yahoo!最後採用了定寬布局(TommyOlsson總結了每種布局設計的優缺點)。這里將只關註定寬布局,適用的場景是搭建復雜的門戶型網站。對於寬度自適應布局和相應的柵格系統,暫不討論(根據實現的技術手段不同,寬度自適應布局又分為流體布局和彈性布局。我個人蠻喜歡彈性布局,以後有時間再研究)。好了,已經將范圍縮小到定寬布局的網頁柵格系統,那我們開始吧。並不遙遠的750還記得800×600的顯示器不?雖然才時隔幾年,感覺卻好像是上個世紀的事了。MarkBoulton做了最早的探索:將750分割成均等的6份,這就形成了柵格系統,稍加組合劃分就形成了兩欄布局和三欄布局。MarkBoulton還研究了Gutter(垂直欄之間的間隙)對柵格的影響,有興趣的可以閱讀原文,或者跟著我往下看吧,下面將詳細闡述。幾個術語和一個公式一個標準的柵格系統,包括以下部分:將Flowline的總寬度標記為W,Column的寬度標記為c,Gutter寬度標記為g,Margin的寬度標記為m,Column的個數標記為N,我們可以得到以下公式:W=c*N+g*(N-1)+2*m一般來說,Gutter的寬度是Margin的兩倍,上面的公式可以簡化為:W=c*N+g*(N-1)+g=(c+g)*N將c+g標記為C,公式變得非常簡單:W=C*N上面的公式就是柵格系統的基礎,很簡單吧。950的來歷具體應用時,Margin其實是一個空白邊,從視覺上看並不屬於總寬度。不少柵格設計里習慣性地設定Gutter為10px,這樣Margin就是5px.當W為960,分割成6列時,柵格如下圖:上圖的處理是左右Margin各為5px.也可以將Margin集中放在一邊,比如右邊:無論Margin放在何處(這隻影響技術實現,不影響設計),我們真正要關注的是去除Margin之後的部分:這就是我們要真正關注的950!將W的含義變為去除Margin的總寬度,公式變化為:W=N*C-g將上面的公式實例化一下:950=12*80-10950=16*60-10950=24*40-10這就形成了960蛋糕的三種常見切法。12x8016x6024x40上面三種切法,N越大,靈活度越高。可以根據網頁的實際復雜度來選用對應的切法。在960GridSystem首頁中,展示了12x80的應用:我們來看下研究(1)中開頭列舉的網站的柵格應用情況。Yahoo!是很標準的24x40柵格:淘寶網目前只有商城上部分使用了柵格系統(大的兩欄布局遵守了24x40的柵格化,主體部分使用的另一套740的柵格劃分):網易很不錯,採用的是16x60的柵格系統:研究(1)中的其它站點都沒有真正嚴格地採用柵格系統。柵格系統的優勢上面的「發現」是讓人有點沮喪的。目前嚴格採用柵格系統的站點非常少,為什麼我們還要努力的讓網頁柵格化呢?柵格系統具有以下優勢:能大大提高網頁的規范性。在柵格系統下,頁面中所有組件的尺寸都是有規律的。這對於大型網站的開發和維護來說,能節約不少成本。基於柵格進行設計,可以讓整個網站各個頁面的布局保持一致。這能增加頁面的相似度,提升用戶體驗。對於設計師們來說,靈活地運用柵格系統,能做出很多優秀和獨特的設計。(詳見《超越CSS》一書)對於大型網站來說,我相信柵格化將是一種潮流和趨勢。下面討論柵格系統中的黃金分割。黃金分割黃金分割可以歸結為數學問題:對於長度為1的線段,將其分成兩部分x和1-x,使得:x/1=(1-x)/x化為簡單的二次方程:x^2+x-1=0正數解為:x=(sqrt(5)-1)/2~=0.618這就是黃金分割。這個比例不僅僅出現在諸如繪畫、雕塑、音樂、建築等藝術領域,在管理、工程設計等方面也有著不可忽視的作用。(這是個自然界的魔數,類似的還有真空光速、普朗克常數、精細結構等等,感興趣的Google吧)在平面設計領域,黃金分割點被廣泛採用。比如下面這種圖:數一數上面有多少黃金分割?對於960柵格,實際寬度是950.兩欄布局時,黃金分割為:對於24x40的情景,最接近黃金分割的兩欄布局是350:590,欄數比例為9:15.但實際使用時,因為窄欄經常用來做導航或放輔助信息,並不需要350px這么寬。因此實際情況下經常被採用的布局是:上面講的都是寬度方向上的柵格化,下面我們看看高度方向上如何應用。高度方向上的柵格還記得研究(1)中那張紅紅的很刺眼的圖嗎?注意高度值560也是很神奇的。N(560)=N(2^4*5*7)=18560/960~=0.583N(560)比較大,同時可以讓高寬比接近黃金分割。針對560,我們採用14x40柵格:這樣,我們就在寬度和高度兩個方向上都實現了柵格化。淘寶的首頁目前尚未嚴格遵守柵格系統,如果重構的話,寬度方向可以考慮採用下面的柵格布局(只考慮頁面主體部分,忽略高度的比例):(圖1)紛亂的高度世界我們來看下圖1左上角。左上角部分目前的寬度為256px,重構的話可以將寬度縮小到230px以符合柵格(不可避免的要調整內容,比如人氣寶貝中將只能放下3張圖片)。來仔細看下高度方向:(圖2)高度方向的布局是:90:117:100,第一個間隔是8,總高度為325.很明顯,高度方向沒有任何柵格化的跡象。實際上,即便是嚴格遵守柵格系統的Yahoo!首頁,高度方向上也沒有嚴格柵格化。這究竟是為何?一切皆有可能我們縮小關注點:(圖3)上圖中,圖像的大小是70x70,剛好是24列960柵格系統兩列的寬度。對於右邊的文字,採取了如下樣式:font-size:12px;line-height:150%;/*12x150%=18px*/中文字體是宋體,line-height的計算值是18px.注意圖3中文字部分可視區域的高度為65,上下各有4px和1px的間隙。為什麼會產生這么奇怪的間隙呢?我們來看下圖:(圖4)從上圖中我們可以得知,12px的宋體中文字,實際高度只有11px.line-height減去11多出來的高度,則「均勻」分布在上下間隙中(如果多出來的高度為偶數,則上下均分;為奇數時,上面比下面多1px)。這樣,對於70px的高度來說,要布局4行文字時,假設行高多出來的上半部分為x,下半部分為y,在最理想的情況下,應該滿足以下公式:11*4+4*x+3*y=70x=y或x=y+1不難推出,x最理想的整數解為4.從而line-height為4+11+3=18.因此:對於24列960柵格系統來說,如果要在高度方向上實現柵格,font-size為12px時,line-height的最佳取值是18px(150%).追求完美點話,還可以將文字部分margin-top:-1px,使得65上下的間隙為3和2.至此,我們可以初步判斷:高度方向上是有可能嚴格柵格化的。一切皆有可能!然而,現實總那麼殘酷(圖5)上圖中的標題高度為22,這在24列960柵格系統中是無法對齊的。而且總高度為100,在24列960柵格系統中也不存在(110才可以)。或許高度方向上我們可以細化行寬為20,但依舊沒法解決上面兩個問題(22是明顯不能解決的,而對於100px的高度,也無法通過細化行寬來解決。可選高度永遠是10的奇數倍,如果進一步細化,小於10後,會變得非常繁瑣,沒什麼實際應用價值)寬度世界裡會好些嗎(圖6)上面是Yahoo!首頁上的兩個小模塊,我都不想去標注模塊裡面的布局寬度了(因為一點都不符合24列960柵格系統)。寬度世界裡,和高度世界一樣充滿希望但現實卻殘酷無比。銀彈是不存在的柵格系統是美好的。但如果我們一味地追求將所有設計都柵格化(必須承認我曾有這個幻想),則立刻會陷入地獄一般的黑暗中。這篇文章中的艱難嘗試(我分析了20多個小模塊),讓我突然醒悟到一個粒度問題:任何設計都有適用范圍,超出最佳適用范圍,強行使用只會帶來無盡的煩惱。對於柵格系統(這里指所有柵格系統,包括多種柵格系統混合使用的情景)來說,我覺得以下場景非常適合:頁面的總體寬度布局,比如兩欄、三欄等布局一些固定區塊的尺寸,比如廣告圖片的尺寸區塊之間的間距,可以參考柵格系統的槽寬(Gutter)一些可以柵格化的小區域,比如圖3中的例子,暗合柵格往往能簡化布局上的考慮除了上面這些應用場景,強行使用柵格系統,往往會束手束腳,適得其反。這篇文章的目的,就是嘗試用最啰嗦最費神貌似很科學實際很無聊的分析來指出柵格系統應用時的粒度問題。在粒度問題上達成一致後,下一篇中我們將討論柵格系統的技術實現,最後一篇則討論柵格系統的壓軸好戲:模塊化開發。前三篇文章中,明確了柵格系統的設計細節和適用范圍。這一篇將集中討論960柵格系統的技術實現。Blueprint的實現Blueprint是一個完整的CSS框架,柵格系統是它的一部分功能。我們來看demo頁面:以上三欄布局的代碼為:.container{margin:0auto;width:950px}.span-8{float:left;margin-right:10px}div.last{margin-right:0}hr{clear:both;height:0;border:none}上面是基本功能,Blueprint還支持append-n,prepend-m,border等「高級」功能,這些就不細說了
❿ 展板版式設計中網格系統的作用都有哪些
運用網格系統的的好處包括:簡約、清晰、高效、節約和連續性。
網格把系統性的秩序映入一個布局中,區分各種不同類別的信息,並且使受眾在瀏覽這些信息時更加方便、簡單。同時使用網格能夠讓設計師展示大量的信息。