1、幫忙找一篇關於網頁版式設計的外文文獻
一、網頁版式的基本類型
骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型、自由型十種。
First, the basic types of web page layout
Bone type, full version type, split type, axis type, curved, inclined, symmetric, focus type, triangular, free type ten.
1.骨骼型
網頁版式的骨骼型是一種規范的、理性的分割方法，類似於報刊的版式。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結合使用，既理性、條理，又活潑而富有彈性。
1. Skeleton type
Page layout is a standard type of bone, rational segmentation method, similar to newspaper layout. Link skeleton common vertical bar, double bar, three bars, four bars, and horizontal links column, double column, three columns and four fences. Generally multi-vertical columns. This layout gives a harmonious and rational America. Combination of several sub-column mode, both rational and coherent, but also lively and elastic.
2.滿版型
頁面以圖像充滿整版。主要以圖像為訴求點，也可將部分文字壓置於圖像之上。視覺傳達效果直觀而強烈。滿版型給人以舒展、大方的感覺。隨著寬頻的普及，這種版式在網頁設計中的運用越來越多。
2. Full version type
Page full of full page of image. Mainly image to appeal to point the text can also be part of the pressure placed on the image above. Visual Communication visual effects and strong. Version type gives a full stretch, the feeling generous. With the popularity of broadband, this web design layout used in more and more.
3.分割型
把整個頁面分成上下或左右兩部分，分別安排圖片和文案。兩個部分形成對比：有圖片的部分感性而具活力，文案部分則理性而平靜。可以調整圖片和文案所佔的面積，來調節對比的強弱。例如：如果圖片所佔比例過大，文案使用的字體過於纖細，字距、行距、段落的安排又很疏落，則造成視覺心理的不平衡，顯得生硬。倘若通過文字或圖片將分割線虛化處理，就會產生自然和諧的效果。
3. Segmentation-based
The entire page is divided into two parts up and down or left and right, respectively, arranged pictures and copy. In contrast to two parts: a picture of part of the emotional and vibrant, and the text part, rational and calm. Can adjust the picture and copy the area occupied, to adjust the contrast of strength. For example: If the image is too large proportion, and the text font used is too thin, kerning, line spacing, paragraphs and very sparse arrangement, then the resulting imbalance in visual psychology, be abrupt. If text or image to partition through the virtual line treatment, would be a natural and harmonious results.
4.中軸型
沿瀏覽器窗口的中軸將圖片或文字作水平或垂直方向的排列。水平排列的頁面給人穩定、平靜、含蓄的感覺。垂直排列的頁面給人以舒暢的感覺。
4. Axis type
Along the axis of the browser window to image or text for horizontal or vertical arrangement. Horizontal arrangement of the page gives stable, calm, subtle feeling. Vertical arrangement of the page gives a comfortable feeling.
5.曲線型
圖片、文字在頁面上作曲線的分割或編排構成，產生韻律與節奏。
4. Axis type
Along the axis of the browser window to image or text for horizontal or vertical arrangement. Horizontal arrangement of the page gives stable, calm, subtle feeling. Vertical arrangement of the page gives a comfortable feeling.
二、文字的格式化
1.字型大小、字體、行距
字型大小大小可以用不同的方式來計算，例如磅（point）或像素（pixel）。因為以計算機的像素技術為基礎的單位需要在列印時轉換為磅，所以，建議採用磅為單位。
最適合於網頁正文顯示的字體大小為12磅左右，現在很多的綜合性站點，由於在一個頁面中需要安排的內容較多，通常採用9磅的字型大小。較大的字體可用於標題或其他需要強調的地方，小一些的字體可以用於頁腳和輔助信息。需要注意的是，小字型大小容易產生整體感和精緻感，但可讀性較差。
網頁設計者可以用字體來更充分地體現設計中要表達的情感。字體選擇是一種感性、直觀的行為。但是，無論選擇什麼字體，都要依據網頁的總體設想和瀏覽者的需要。
粗體字強壯有力，有男性特點，適合機械、建築業等內容；細體字高雅細致，有女性特點，更適合服裝、化妝品、食品等行業的內容。在同一頁面中，字體種類少，版面雅緻，有穩定感；字體種類多，則版面活躍，豐富多采。關鍵是如何根據頁面內容來掌握這個比例關系。
從加強平台無關性的角度來考慮，正文內容最好採用預設字體。因為瀏覽器是用本地機器上的字型檔顯示頁面內容的。作為網頁設計者必須考慮到大多數瀏覽者的機器里只裝有三種字體類型及一些相應的特定字體。而你指定的字體在瀏覽者的機器里並不一定能夠找到，這給網頁設計帶來很大的局限。解決問題的辦法是：在確有必要使用特殊字體的地方，可以將文字製成圖像，然後插入頁面中。
行距的變化也會對文本的可讀性產生很大影響。一般情況下，接近字體尺寸的行距設置比較適合正文。行距的常規比例為10:12，即用字10點，則行距12點。這主要是出於以下考慮：適當的行距會形成一條明顯的水平空白帶，以引導瀏覽者的目光，而行距過寬會使一行文字失去較好的延續性。
除了對於可讀性的影響，行距本身也是具有很強表現力的設計語言，為了加強版式的裝飾效果，可以有意識地加寬或縮窄行距，體現獨特的審美意趣。例如，加寬行距可以體現輕松、舒展的情緒，應用於娛樂性、抒情性的內容恰如其分。另外，通過精心安排，使寬、窄行距並存，可增強版面的空間層次與彈性，表現出獨到的匠心。
行距可以用行高（line-height）屬性來設置，建議以磅或默認行高的百分數為單位。例如：｛line-height：20pt｝、｛line-height：150%｝。
1. Font size, font, line spacing,
Font size can be calculated in different ways, such as pounds (point) or pixels (pixel). Because the pixels of computer technology-based units need to convert pounds in print, therefore, recommended pounds for the unit.
The most suitable body of the page shows the font size is 12 pounds, many of the comprehensive site, as a page in the content need to be more commonly used 9 pounds font size. Larger font can be used to emphasize a title or other places, smaller fonts can be used for footer and supporting information. Note that the small font size easily lead to an overall sense of feeling and refined, but less readable.
Web designers can use the font to more fully reflect the design to express emotions. Font choice is an emotional, intuitive behavior. However, no matter what font selection, the overall plan should be based on web and the needs of visitors.
Bold sturdy, with male characteristics, suitable for mechanical, construction, etc; fine characters, elegant and meticulous, a woman, it is more suitable for clothing, cosmetics and food instry content. In the same page, the font type of small, elegant layout, with a sense of stability; font variety, the layout active, varied and colorful. The key is how to grasp this page content proportional.
Strengthen the platform-independent nature from the point of view, the best use of the default font text content. Because the browser is the font on the local machine to display the page content. As a web designer must take into account the majority viewers of the machine with only three types of font types and some corresponding specific font. And you specify the font of the machine in the viewer will not necessarily find this a great web design limitations. Solution to the problem is: when it is necessary to use special fonts where the text can be made of the image, and then insert the page.
Spacing changes in the readability of the text will have a great impact. In general, close to the line spacing set the font size more suitable for the body. Conventional row spacing ratio of 10:12, 10 characters that are spaced 12.
In addition to the impact of readability, spacing itself is highly expressive language, in order to enhance the decorative effect of format, you can widen or narrow a conscious spacing reflects the unique aesthetic charm. For example, widening the spacing can be easily embodied, emotional stretch applied to entertainment, lyrical content appropriately. In addition, through careful arrangements for the wide and narrow spacing co-exist, can enhance the level and flexibility of spatial layout, showing originality of the decoration.
Line spacing can be high (line-height) attribute to set, the proposed default row height in points or percentage basis.
三、圖片版式
除了文本之外，網頁上最重要的設計元素莫過於圖像了。一方面，圖像的應用使網頁更加美觀、有趣；另一方面，圖像本身也是傳達信息的重要手段之一。與文字相比，它直觀、生動，可以很容易地把那些文字無法表達的信息表達出來，易於瀏覽者理解和接受。
1.圖像的格式
Web通常使用兩種圖像格式：GIF和JPEG。除此以外，還有兩種適合網路傳播但沒有被廣泛應用的圖像格式：PNG和MNG。
2.圖像的形式
同印刷排版一樣，靜態圖像在網頁排版中的運用不外乎四種形式：方形圖、退底圖、出血圖以及這三種形式的結合使用。
（1）方形圖 即圖形以直線邊框來規范和限制，是一種最常見、最簡潔、最單純的形態。方形圖使圖像內容更突出且將主體形象與環境共融，可以完整地傳達主題思想，富有感染性。配置方形圖的頁面，給人以穩重、可信、嚴謹、理性、莊重和安靜等感覺，但有時也顯得平淡、呆板。
（2）退底圖 將圖像中的背景去掉，只留下主題形象。退底圖形自由而突出，更具有個性，因而給人印象深刻。配置退底圖的頁面，輕松、活潑，動態十足，而且圖文結合自然，給人以親和感。但也容易造成凌亂和不整體的感覺。
（3）出血圖 圖像的一邊或幾個邊充滿頁面，有向外擴張和舒展之勢。一般用於傳達抒情或運動信息的頁面，因不受邊框限制，感覺上與人更加接近，便於情感與動感的發揮。
3, picture format
In addition to the text, the Web's most important design element than images. On the one hand, the image of the application to make Web a more beautiful and interesting; the other hand, the image itself is an important means to convey information. Compared with the text, it intuitive, vivid, and can easily express those words can not express the information easy to understand and accept visitors.
1. Image Format
Web typically use two graphics formats: GIF, and JPEG. In addition, there are two for network communication, but not widely used image formats: PNG and MNG.
2. The image of the form
As with the print layout, static image in the page layout in the use of no more than four forms: a square map, base map back, bleeding map and a combination of these three forms.
(1) square map that is drawing a straight line border to regulate and limit, is the most common and most simple, most simple form. Square plan to make image content more prominent and will be the main image and Environmental Harmony, can fully convey the theme, full of infection. Square plan configuration page, gives a stable, reliable, precise, rational, and so solemn and quiet feel, but sometimes seem ll, ll.
(2) Withdrawal of the base map in the background of the image removed, leaving only the subject image. Back end of free graphics and prominent, more personalized, so impressive. Base map configuration pages back, relaxed, lively, dynamic full, and graphics combined with the natural, gives a sense of affinity. But also easy to create messy and not the overall feeling.
(3) bleeding image for full page on one or several sides, with expansion and stretch outward trend. Generally used to convey emotion or movement information page, because without border restrictions, feel and distance, to facilitate emotional and dynamic play.
以上是我的回答，真誠的希望我的解答能夠幫到你！
以上是我的回答，真誠的希望我的解答能夠幫到你！
以上是我的回答，真誠的希望我的解答能夠幫到你！
2、版式設計發展過程
哈哈 你是不是要寫論文啊
網上一般找不到的
有的需要花錢
要麼就買本書
3、平面排版設計有怎樣的歷史?
書籍裝幀是指從書籍文稿到成書出版的整個設計過程，版式設計是書籍裝幀的重要一部分。版式設計是書籍視覺傳達的重要手段，是一種書籍編排的重要學問;現實中，版式設計不僅是一種技能，更實現了技術與藝術的協調同意。版式設計說是現代設計者必備的基本素質之一。
最古老的版式設計首推500年前以德國人古騰堡為代表的古典版式設計，其特點是以訂口為軸心左右兩頁相對稱，內文版式有嚴格的限定。字距、行距有統一的尺寸標准，天頭地腳內外白邊均按照一定的比例關系組成的一個保護性的框子。文字油墨深淺和嵌入版心內圖片的黑白關系都有嚴格的對應標准，古典版式設計在書籍設計史上統治歐洲數百年不變，直到今天仍然具有很大市場。
20世紀初葉，隨著現代文明的產生，西歐又出現了網格設計，它是在書頁上運用數學的比例關系，通過嚴格的計算, 把版心劃分為無數統一尺寸的網格，以此來分配文字和圖片的一種版面設計方法。它注重比例感、秩序感、連續感、清晰感、科學性和嚴肅性。40年代後半期出版了第一件用網格的印刷品，嚴密的文字和圖片設計方案，貫穿全書統一的版面設計和對於主題朴實無華的表現，代表了新的潮流。藉助網格使設計應用在功能上、邏輯上和美學上獲得了發展。但是隨著設計的進程，慢慢發現網格設計限制性太強，沒有自由創作的空間，容易給版面帶來呆板的感覺，所以不少有識之士開展研究，力求打破網格的約束使畫面變得更具韻律感。
80年代後，計算機技術在設計行業中的運用使版式語言又得到了空前的發展，進入90年代後期，自由版式設計在世界范圍內廣泛流行並越來越受到重視。自由版式設計從字面上理解就是無任何限制的設計，它是通過版式編排的自身元素自由組合排列的設計方式。它打破古典設計與網格設計的束縛，打破版式設計所提倡的統一秩序，是當代出現的具有前衛意識的版式形式和風格。
隨著社會的發展和科學技術的不斷發展，人們對生活質量的要求越來越高，書籍閱讀的更高體驗也已經成為了當前社會發展的趨勢和方向。書籍的版式設計歷史也不會停留在已定的設計上停步不前，而是更加快速﹑精煉﹑簡單﹑可行﹑有效的繼續高速發展。越來越多越來越新穎而超脫原有概念的版式設計會不斷的涌現，滿足不同人群的閱讀體驗。
4、不同歷史時期版式設計特點
試題答案：D 試題解析：試題分析：本題考查西周宗漢制；戰國時思想領域的百家爭鳴；唐代的國家富強；宋代的理學興起。秦代實行郡縣制、西漢武帝時「罷黜百家」、明末思想領域提倡「經世致用」、鴉片戰爭後林則徐為首的思想家推動新思潮萌發。 考點：中國古代的各朝制度的特點點評：此題實際上考查的是古代的政治制度發展演變的情況。服飾反映時代的背景，各朝代特點也能通過服飾上反映出來。古代各朝的政治制度特別是中樞權力機構演變的情況是考試的重點。
5、如何做好網頁的版式設計
網站的欄目策劃是在網站製作過程中容易忽視的一個細節，因為在網站製作的過程中都比較重視頁面的設計和網站實現的功能，其實網站的欄目策劃在網站製作過程中起著決定性的作用，是用戶的一個導航索鏈，有的欄目設置精妙，就可以把用戶帶入到另一個頁面，讓用戶在網站中停留，使用戶更加了解企業。所以，網站欄目也是一個核心要點，下面沃然建站總結了一些關於網站欄目策劃的小建議，
1、 網站欄目策劃的重點是導航：
在網站策劃中要注意導航條的位置要明顯且統一，有一些網站是無法做到，這個會給用戶帶來易進不易出的一個環繞，從而導致用戶直接關閉網站，跳出率就會增長。
2、 網站欄目結構要層級分明，條理清晰：
打開一個網站，有的是有很多內容的，有各式各樣的產品，而欄目就是方便用戶找到所需內容的一個重要導航，所以嘉陵道小程序製作公司建議要做到層次分明、條理清晰，網站欄目最好不要超過三層，不要讓用戶層層剝繭似的找到所需內容，同時對推廣也是有影響的。
3、網站欄目命名要清晰、易懂：
中國文字博大精深，有些企業喜歡別出心裁的取一些欄目名，創意確實很好，但是想要知道名稱意思並不是自己為主，這樣容易產生反效果，如果你能創造通俗易懂，又有創意的那就更好了。
4、網站欄目在網站建設中布局要合理：
嘉陵道小程序製作公司提醒欄目不是隨便放著就可以了，也需要配合網站建設中網頁設計的整體搭配，做到二者兼得是最佳的狀態。
6、網頁中的版式設計有哪些重要作用？
1、方便網民閱覽，尤其對一些企業的網站，更是方便客戶對商品的了解。
2、展示網站的主要內容，就像商店一樣，把重要的信息放在最顯眼的位置。
7、版式設計的發展歷史四個階段是哪4個
在枯榮
8、急求版式設計的發展史。
平面廣告的發展離不開設計藝術的發展，而設計水平的提高，總是伴隨著社會的進步和人類理性的成長的。
工藝美術運動的領袖人物是英國藝術家、詩人威廉.莫里斯（William Morris ,1834-1896）,他提倡合理地服從於材料性質和生產工藝、生產技術和設計藝術的區分，認為「美就是價值，就是功能」。莫里斯有句名言：「不要在你家裡放一件雖然你認為有用，但你認為並不美的東西。」其含義自然是指功能與美的統一。
莫里斯設計的代表作品，這個運動產生伊始，出現了一個重要的促進因素，即1888年在倫敦成立的工藝美術展覽協會（The Arts & Crafts Exhibition Society）.這個協會成立以來，連續不斷地舉行了一系列設計展覽，在英國提供了一個了解優良設計和高雅設計品的機會，從而促進了工藝美術運動的發展。
20世紀初，現代主義設計運動在世界范圍內蓬勃興起。這是一場真正的設計上的革命，通過這個運動，設計才第一次成為為大眾服務的，為大工業化、批量化的生產服務的活動。現代主義設計興起於歐洲大陸，20年代達到高潮，在整個歐洲發展得如火如荼。在德國，通過現代設計運動的先驅活爾特·格羅佩斯（Walter Gropius）、米斯·凡德洛（Mies Van der Rohe）等人的努力，通過他們所創立的世界上第一所設計學院——「包豪斯」的探索，使現代設計達到了驚人的高度，取得了非常重要的成果。思維上、方法上和形式上對其後的設計產生了積極深刻的影響，基本改變了過去設計的內涵和本質。由於二戰的影響，現代主義設計及其代表人物移師美國，在那裡得到了健康而迅速的發展，並逐漸形成了空前的國際主義風格浪潮。
這期間，在荷蘭產生的「風格派」也異常活躍，其代表人物是發起者杜斯博格（Theo Van Doesburg,1883-1944）,他們於1917年創刊的《風格》雜志充分表達了他們的觀念。如同德國的包豪斯一樣，「風格派」確立一個藝術創作和設計的明確目的，強調藝術家、設計師的合作，強調聯合基礎上的個人發展，強調集體和個人之間的平衡。對蒙德里安來說，形體不是表示特殊的狀況和特徵，而是還原於自然所具有的、自然的永恆的要素。蒙德里安的作品充分表達了他的藝術思想。
蒙德里安的作品，包豪斯的奠基人活爾特·格羅佩斯（Walter Gropius ,1883-1969）是20世紀最重要的現代設計師、設計理論家和設計教育奠基人。他的設計思想具有鮮明的民主色彩和社會主義特徵。他一直希望他的設計能夠為廣大的勞動人民服務而不僅僅是為少數權貴服務。
格羅佩斯成立包豪斯的核心思想之一，是他認為藝術與手工藝不是對立的，而是一個活動的兩個不同方面而已。因此，他希望能夠通過教育改革，使它們得到良好的、和諧的結合。由於格羅佩斯的虔誠和不懈的努力，使包豪斯成了現代設計運動的發源地。
由於二戰給世界各國造成了嚴重創傷，使遠離戰火的美國因為免受戰爭破壞得到迅速發展，戰後的美國佔有天時地利，成為世界上最強的資本主義大國，美國經濟在戰後很快達到發展的新高峰。在美國，促進設計活動發展的唯一動力是經濟的活力，美國的設計水平因有龐大的市場需求所推動，一度十分發達。在物質極為匱乏的戰後年代，西方人最感興趣的不是設計的典型和華貴，而是美國式的大眾物質文化。因為可口可樂一馬當先打入世界市場，被人們稱為「可口可樂殖民主義」.西方各國在50年代後半期開始學習和模仿美國大眾文化和文化觀念，連同美國設計的核心，即強調「有計劃的廢止制」的式樣、設計方式也兼收並蓄、全盤吸收。如果我們用一個詞來概括形容60年代的設計風格，那麼最恰當的就應該是「波普」。「波普」設計運動是一個反現代主義設計運動，即反對自1920年以來，以德國包豪斯為中心發展起來的現代主義設計傳統。這個運動思想的根源，其實還是從美國的大眾文化中來的。換言之，美國的大眾文化和消費文化，已經成為英國和歐洲「波普」設計運動的參考依據和靈感來源。美國設計基本沿著兩個不同的路徑發展。第一個是國際主義的大企業行為，它代表資本主義的、主流的發展方向。另一個發展方向是獨立的設計事務所的迅速增加，並且開始進入新的設計領域：企業形象設計。
日本是世界發達國家中唯一的非西方國家，它的工業革命比西方國家遲到有100年以上，它從1953年前後開始發展自己的現代設計，到80年代已經成為世界上最重要的設計強國之一。
日本設計有兩種完全不同的風格特徵，一種是比較民族化的、溫煦的、歷史的傳統設計；另一種則是國際的、超前的、發展的現代設計，這種傳統與現代雙軌並行的體制所獲得的成功，為那些具有悠久歷史傳統的國家提供了非常有意義的樣板。
9、版面設計為什麼要首先了解主題熟悉設計背景？
版面設計要首先了解主題熟悉設計背景是因為在做版面設計的時候，包含了文字、圖形、色彩的三要素搭配應用，如果你在設計版面之前不了解設計背景，也很難把要點應用於這三個基本構成元素，也很難貼近主題。