導航:首頁 > 萬維百科 > 網頁排版設計英文

網頁排版設計英文

發布時間:2021-01-27 13:05:55

1、版面各部分的英文名稱

眉標,page header mark
版心,page depth
頁邊距,side margin
頁眉page header
頁腳,page footer
行距,row spacing
字間距,space between character
版口 margins 版心邊沿至成品邊沿的空白區域。
版面 packageprinting 印刷成品幅面中圖文和空白部分的總和。
版面遠程傳輸 remote page transmission 將排版成品圖像以無線或有線的方式傳輸到異地。
版式 page layout 出版物的組合設計要求。
背題 bottom line title 禁上將某一級次的標題排於版末,題下無正文行的排版禁則。
倍數鉛空 editing and page make-up system 以微機控制可進行編輯、排版、校改、組版的設備。
編輯排版裝置 proofing 將正體文字通過光學原件或其他成像方式變你成長、 扁、斜等形狀的文字。
變形文字 deformed letters 將正體文字通過光學原件或其他成像方式變你成長、 扁、斜等形狀的文字。
標題級序 title series 標題大小及層次順序的排列,排版時同一級序標題的字體字型大小及規格要統一。
串文 illustration and text juxtaposed setting 在標題,插圖,表格一側排入正文。
打字排版 typewriter composition 用打字機通過色帶將文字打在載體上組成版面的排版工藝。
單字鑄排 indivial type composing and casting 依照原稿選模,鑄成單字並排成毛條的排版工藝。
倒空 turned letter 用同號活字倒置排入以暫代缺字。
地腳 foot margin 版心下邊沿至成品連沿的區域。
點陣式字元 dot matrix character 以不同精度按X、Y方向排列的點陣構成的字元體形。
點制 point system 以點計量活字尺寸的制式。
分數鉛空 fractional space 用鉛合金鑄造,小於正方形活字的排版填空材料。
改版 form correcting 依照校樣的標注改正版面差錯。
漢字編碼 encoding of chinese characters 以漢字字形或讀音為基礎,用數碼及拉丁字母組合代表每一個漢字,供計算機排版及漢字信息處理的文字代碼。
橫排 horizontal setting of types 字元橫向順序排列成行的排版格式。
花邊 bordering ornament 用鉛合金製成,具有多種圖形的排版裝飾材料。
活字 printing type face 用金屬或金屬材料製成的方柱體頂端有反向。
活字高度 type-high 活字字面到字腳的距離。
活字基準線 base line 確定西文和漢語拼間字母在活字上准確位置的一條水平線。
活字排版 type composition 用活字及排版材料組成印版。
活字字面 type face 活字在印刷過程中傳遞油墨的表面。
激光式計算機排版 computerized laser phototypesetting 用計算機控制,以激光作光源,按照排版指令使字元逐行掃描記錄在感光材料上組成版面。
級數制 type size system for manual phototypesetting 手動照排使用的文字大小和排版計算的計量單位。
計算機照相排版系統 computerized phototypesetting.system 由字元及排版指令輸入裝置、校樣輸出裝置、控制裝置及照排主機等組成的成套排版設務。
計算機照相排軟體 phtotypesetting software 供計算機排版使用的文字代碼、排版規格、排版程序、操作指令以及上述內容載體的總稱。
揀字 compose 依照原稿和設計要求將活字排成毛條或毛坯。
揭膜改版法 film stripping correction 將需改正的字元排在可剝離的膠片上再附著於改正處的一種改版方法。
另面排 set on new page 某一級別的標題必須從下一版的上部起排的排版格式。
另頁排 set on new leaf 某一級別的標題必須從單碼版上部起排的排版格式。
模切刀 die-cutting rule 有鋼製成,頂端有刃的排制模切版的片狀材料。
排版禁則 typesetting taboo 文字排版中禁止出現的排版格式。
排版量尺 typesetting gage 標有字型大小,點數級數刻度的排版專用測量工具。
排版毛坯 typeset matter 只排字元而不考慮規格的排版半成品。
排版毛條 galleys 按規定行長和行內規格排出的文字半成品。
鉛空 space 依照活字規格用鉛合金鑄成的排版填空材料。
鉛條 leads 以活字尺寸為准製成的各類排製表格線條或其他版面裝飾的排版材料。
球震轉印機 cronapress conversion system 用凸版復制出透明陽圖片的機器。
手機照相排牌 manual phototypesetting 用手工操縱在字模版上選字,使字元通過光學系統在感光材料上曝光而組成版面的排版工藝。
輸入校改終端 character input and correction terminal 電子照排系統中供字元輸入及校改的裝置。
豎排 vertical setting of types 字元由上而下豎向排列成行的排版格式。
水線 rule 用鋅或鉛合金製成的各類排製表格線條或其他版面裝飾排版材料。
天頭 head margin 版心上邊沿至成品邊沿的空白區域。
微機排版終端 microcomputer phototypesetting terminal 自動照系統中供字元及排版指令、顯示、校改、並可通過行印機或激光列印機輸出印頁的裝置。
文字排版 text composition 將文字原稿依照設計要求組成規定版式的工藝。
校對 proof-reading 依照原稿及設計要求在校樣上檢查,標注排版差錯。
行空 line space 字行之間的距離。
陰極射線管式計算機排版 computerized CRT phototypesetting 將字元及排版信息通過輸入終端記錄在磁碟或其他載體上,再由計算機控制將字元信息在陰極射線管(CRT)屏幕上成像,並記錄在感光材料上組成版面。
印刷字體 printing type face 供排版印刷用的規范化文字形體。
照排主機 main machine for phototypesetting system 以膠片或相紙輸出最終排版結果的設備。
整行鑄排 line composing and casting 依照原稿將字模排滿一行,再澆鑄成字條的排版工藝。
鑄排機 hot-metal typesetting machine 能連續完成鑄字的排版的機器。
鑄字 type casting 用鑄字機和字模將鉛合金制活字。
鑄字排版 hot-metal typesetting 在鑄排機上連續完成鑄字的排版的機器。
裝版 galleys 按規定行長和行內規格排出的文字半成品。
字元輸入載體 character input carrier 依照活字規格用鉛合金鑄成的排版填空材料。
字元數字化儀 character.digitizer 將字、符設計稿轉換成數字化點陣的設備。
字型大小 type size 區分活字大小的稱謂。
字面率 type face proportion 活字字身與字面尺寸之比,它決定著活字在密排條件下所形成的最佳空隙。
字模 type casting 用銅或其他金屬製成有凹型字元的鑄字模型。
字模版 matrix grid 用照相方法將字元製作在透明材料上,供照排成像的模版。
字模版式計算機排版 computerized matrix grid phototypesetting 將字元及排版信息打成穿孔紙帶,由計算機控制在字模版上選字,使字元圖像通過光學系統在感光材料上成像而排成版面。
字鉛合金 type metal 鉛銻錫按一定比例組成的鑄造活字或澆鑄鉛鑄鉛版的材料(一般為鉛80%,鏡15%,錫5%)。
自動照相排版 automatic photoypesetting 將字元信息通過媒介輸入照排主機,在計算機控制下排出文字版面的排版工藝。

2、網頁設計最下面版本所以英文用什麼字體

作者:杜一
鏈接:http://www.hu.com/question/19680724/answer/53550027
來源:知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請註明出處。

Centaur

具有史詩般正統風格,特別適合用於表現年代悠久。具體排版時注意合字和老式數字的使用。
Garamond
復古傳統,沒有強烈個性,十分易於閱讀,因為太流行所以很多大的公司都做過Garamond復刻,蘋果電腦里有系統字Garamond以及Adobe所製作的Adobe Garamond Pro。 如果是希望web上使用,可以考慮EB Garamond。
Caslon
美國獨立宣言用字,是活字時代的大熱字體。很多公司也做過Caslon復刻,現在的使用也非常廣泛。
Baskerville
過渡期羅馬體(舊體到現代體)的代表性字體,非常經典,給人古典、高貴的感覺。
Didot
現代襯線體,發絲襯線。特點是強烈的筆畫粗細對比和水平襯線,時尚,現代,優美。
Franklin Gothic
這款字體是很早出現的無襯線體,所以帶有古風,筆畫粗狂有力,具有男性化感覺,適合表現強有力。Web字體可以考慮Oswald。
Futura
Futura是拉丁語未來的意思,現代且具有幾何特徵,感覺是現在的主流大熱字體,尤其是要突出時尚,設計感的時候可以使用。製作過程中受到包豪斯運動的影響。是LV的商標用字,也是現在很多雜志的首選字體。
Gill Sans
英國風格的代表字體,具有古典風格的骨架,但是又有很強的科技感和未來感,字體外形偏幾何,但是是humanist字體,相對futura會柔和一些。
Opima
有古典氣息,筆畫兩端比較粗中間比較細,氣質優雅。時代周刊的字體更換,雅虎2013年使用Optima作為全新標識的設計基準都證明了這款字體的熱度。
Univers
Grotesque字體,比Helvetica更加簡練。字體家族非常全面,所以搭配使用很方便。
Myriad
Humanist字體,很早就已經流行,隨著蘋果的廣泛使用更加引人注目,筆畫柔和簡潔。
Avenir
字形簡潔,現代,雖然也有幾何特徵,但是不失人情味。Avenir是法語未來的意思,對同樣未來含義的Futura是一種挑戰,放大x-height,降部拉長,使得文字的易讀性明顯提高。字體家族也很完整。
再提兩句Helvetica,內部分享的時候很多設計師問到為什麼沒有作為一個推薦字體在這里列出,一方面是因為Helvetica已經作為現代字體中的經典字體被應用得非常廣泛了,並不缺乏關注。另一方面Helvetica是Neo-grotesque字體,結構嚴謹,沒有情緒導向,提供著強烈的安全感,好像怎麼用都不會錯,這是個優勢也是個劣勢,當我們的設計有比較明確的受眾群體或者設計對象有比較明確的氣質的時候能夠尋找到有同樣氣質的字體會是更優的選擇。

3、版式設計用英文怎麼說阿

Format design

4、一樣的頁面,為什麼英文排版起來就很好看?

一.段落結構上的差異

英文的段落幾乎每一個單詞的長度都是不一樣的,而中文的段落字體都是方方正正的這就導致了中文看起來缺少變化。

英文的篇幅普遍比相同意義的漢字的篇幅要多,在設計時,英文本身更容易成為一個設計主體,而且因為英文單詞的字母數量不一樣,在編排時,對齊左邊之後,右邊都會產生自然的不規則的錯落,這在漢字編排時不太可能出現的,漢字編排每個段是一個完整的"塊",很難產生這種錯落感。

同樣的,在每一個字體上我們也能找出一些差異,英文的字體弧線多,看起來更動感更多變,而中文的比較剛硬顯得有些死板。

二.字體結構的差異

英文每一個字體所佔的空間比例都差不多,而中文則是有多有少,一個太過飽滿,一個留白太多。

三.排版規則的差異

中文的標點符號佔了一個字元的大小,這樣看起來在每個字元的間距相同時,突然出現了一個更大間距的字元,會讓人產生突兀感。

另外就是中國人喜歡英文感覺逼格高,是覺得英文對於我們來說更像圖形,而中文對於外國人來說也同樣是圖形,就像很多外國人,他們在身上紋的文身,其實是不知道什麼含義,只知道這個「圖形」很好看,所以人類對於自己未知的東西也總是有一種好奇,一種嚮往的。

其實博大精深的中文並不比英文遜色,只是在使用的場景不同下各有優劣勢,上下五千年的歷史文化底蘊而演變出來的文字怎是這么簡單的對比就能分清孰上孰下的。然而我們對中文的排版設計還知之甚少,更無法將中文的字體設計表達的淋漓盡致,所以會導致一個錯覺:英文排版(字體)比中文排版(字體)好看,下面欣賞幾張國內電影海報,看看他們是怎麼做中文字體排版的吧~


5、誰知道 版式設計的英文名稱是什麼

format design

6、瀏覽器網頁排版數字和英文排版不正確

換個瀏覽器,有可能你的瀏覽器版本太低了

7、排版設計的英文怎麼寫

Page Layout Design

參考資料:

應用PageMaker排版設計的若干體會Some Experiences on Page Layout Design Using Pagemaker.

8、有一個中文網站,如何添加英文版面

英文版面其實是和中文網站一樣存在的一個獨立網站,只是在中英切專換的時候加上了屬鏈接,在設計的時候把中文網站的信息內容修改成英文,把一些用圖片表示的信息換成英文內容的圖片信息,工作量隨網站的大小而定,對於網站建設來說,只是內容的修改,沒有什麼難度,需要修改的話首先需要找人把網站翻譯過來,然後專人做網站內容修改。如果可以,願意幫忙,我是個做網站的,當然在翻譯上不是很專業,不知道你們的網站內容是什麼方面的。有事聯系393332052

9、幫忙找一篇關於網頁版式設計的外文文獻

一、網頁版式的基本類型
骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型、自由型十種。

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.

以上是我的回答,真誠的希望我的解答能夠幫到你!
以上是我的回答,真誠的希望我的解答能夠幫到你!
以上是我的回答,真誠的希望我的解答能夠幫到你!

10、誰說中文排版設計難看,英文怎麼排版都好看了

"一般中文,12px,14px,15px,16px,17px,18px,19px,20px...上不限制。看你需要吧。英文是10px,11px,12px,13px,14px,15px,16px,17px,18px...等等。色彩搭配版和排版這個不權是三言兩語說得清楚的。不然就不需要專門的設計人員了,不是么?"

與網頁排版設計英文相關的知識