latex排版基礎_排版基礎分類

latex排版基礎

重點 (Top highlight)

There are many parts to creating a beautiful, functional, memorizing design. That’s what all User Experience designers set out to do. You need to consider your users, strategy, features, content, color, and so much more. All important in their own right.

創造美觀,實用且記憶深刻的設計包含許多部分。 這就是所有用戶體驗設計師都打算做的事情。 您需要考慮您的用戶,策略,功能,內容,顏色等等。 所有這些本身就很重要。

One noteworthy element of designing is Typography.

設計的一個值得注意的元素是版式。

為什么排版很重要? (Why Does Typography Matter?)

Typography speaks volumes of the voice of a product, desired brand, and can elicit specific emotions or feelings from users.

排版可以說出產品聲音,所需品牌的聲音,并且可以引起用戶的特定情感或感受。

Use typography to set the tone of your product. It may be what makes-or-break the product's success.

使用印刷術來設置產品的色調。 這可能是決定產品成功與否的原因。

Establishing information hierarchy, fonts can create better readability. Ultimately, creating better usability of your product.

建立信息層次結構后,字體可以創建更好的可讀性。 最終,創造更好的產品可用性。

As a UX designer, knowing the basics of typography will help you grow your visual eye. So, let’s talk about the most important elements of typography.

作為用戶體驗設計師,了解排版的基礎知識將幫助您擴大視野。 因此,讓我們談談排版的最重要元素。

分解字體 (Breaking Typography Down)

To understand typography, we need to break it down. Below is an introduction to typefaces, fonts, serif and sans-serif, sizing, line width, leading, tracking and kerning.

要了解字體,我們需要對其進行分解。 以下是字體,字體,襯線和無襯線,大小,行寬,前導,跟蹤和字距調整的介紹。

字樣 (Typefaces)

Typefaces are a specific grouping of characters that share similar characteristics. Think of it as a family. Raleway is a typeface. It includes a collection of fonts that share the same elegant sans-serif qualities.

字體是具有相似特征的特定字符分組。 認為它是一個家庭。 Raleway是一種字體。 它包括一組字體,它們具有相同的優雅的sans-serif品質。

字型 (Fonts)

Fonts are a specific member of the typeface family. They have a style that differs from the rest. Styles like think, bold, italic, roman that clearly sets them apart. An example of a font is Raleway, Bold, 700, Italic.

字體是字體家族的特定成員。 它們的風格不同于其他風格。 思維,粗體,斜體,羅馬等樣式使它們與眾不同。 字體的一個示例是Raleway,Bold,700,斜體。

襯線vs無襯線 (Serif vs Sans-Serif)

Serifs and sans-serif are visual descriptions of the letters in a typeface. Serifs represent a small decorative line projection on a stroke of a letter. The word ‘sans’ means ‘without’. So sans-serif simply means that there is no small decorative projection on the letters.

襯線和無襯線是字體中字母的視覺描述。 襯線表示字母筆劃上的小裝飾線投影。 “無”一詞的意思是“沒有”。 因此,無襯線只是意味著字母上沒有小的裝飾性凸起。

Image for post
Serif v. Sans-Serif
Serif訴Sans-Serif

漿紗 (Sizing)

There is no standard. But there are some general rules I like to start with when designing.

沒有標準。 但是在設計時,我喜歡一些通用規則。

First set your body copy size. I usually land somewhere between 15 px and 23 px. Your body copy will be your base—use it to make calculations for the following type of text.

首先設置您的正文副本大小。 我通常落在15像素到23像素之間的某個地方。 正文將是您的基礎-使用它來為以下類型的文本進行計算。

  • Header: 300% of the body copy

    標頭:正文的300%
  • Sub-header: 150% of the body copy

    子標題:正文的150%
  • Navigation Elements:120% of the body copy

    導航元素:正文的120%

  • Byline text: 75% of body copy

    署名文字:正文的75%

領導 (Leading)

Leading is the amount of space between lines of text. It is crucial to have the proper amount of space to allow for readability of all users. A good rule is to apply leading as 120%-150% of the text size.

前導是文本行之間的間距。 擁有適當數量的空間以允許所有用戶閱讀都至關重要。 一個好的規則是將前導應用為文本大小的120%-150%。

Image for post
Example of leading
領導的例子

行寬 (Line Width)

Line width is measured in Characters Per Line or CPL. This is the amount of characters including spaces that is optimal on a line of text including paragraphs and single line text. Shoot for 50–70 characters per line.

線寬以每線字符數或CPL度量。 這是在包含段落和單行文本的一行文本中最佳的包含空格的字符數。 每行拍攝50–70個字符。

Image for post
Example of line width
線寬示例

追蹤 (Tracking)

Tracking is the uniform space between letters in a word. Often, you will see loose tracking (more space) and tight tracking (less space) when creating emphasis on text. Thinner text with loose tracking creates a elegant look while large/bolder text with tight tracking can be be powerful

跟蹤是單詞中字母之間的統一空間。 通常,在強調文本時,您會看到松散的跟蹤(更多的空間)和緊密的跟蹤(較少的空間)。 帶有寬松跟蹤的較細文本可產生優雅外觀,而帶有緊密跟蹤的大/粗文本可能會很強大

Image for post
Example of tracking
追蹤范例

緊縮 (Kerning)

Kerning is used to adjust the spacing between 2 characters in a word. This is used to create better visibility of the word.

字距調整用于調整單詞中2個字符之間的間距。 這用于創建更好的單詞可見性。

Image for post

When I first started in design, I was constantly googling for definite answers and rules. No website said the same thing. It was frustrating. But there is no strict rule or guide. The suggestions above are great places to start in your design. Make sure to consider the characteristics in your design and who you are designing for in order to make the necessary design decisions that are unique to your project.

當我剛開始設計時,我一直在搜尋確定的答案和規則。 沒有網站說同樣的話。 真令人沮喪。 但是沒有嚴格的規則或指南。 上面的建議是開始設計的好地方。 確保考慮設計中的特征以及要為誰設計,以便做出對于項目而言唯一的必要設計決策。

Image for post
UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women),這是一個巴西組織,致力于通過采取行動,賦權和知識共享的舉措來促進科技行業中的黑人女性平等。 對系統性種族主義保持沉默是不可行的。 建立您相信的設計社區。

翻譯自: https://uxdesign.cc/typography-basics-breakdown-603013198c3c

latex排版基礎

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/276003.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/276003.shtml
英文地址,請注明出處:http://en.pswp.cn/news/276003.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

AS3 CookBook學習整理(一)

1. 我要改變swf的尺寸和顏色 在flex builder 3里,默認會生成一個全屏、背景色為#869CA7、幀數為24/秒的swf文件,要修改這些參數,只需要在類文件中定義 [SWF(width"800", height"600", backgroundColor"#ffffff"…

微信小程序研發問題梳理:翻頁:下拉:緩存:canvas:富文本:分享

微信小程序研發問題梳理 最近鼓搗小程序的時候,著實遇到了一些問題,盡管有些再翻看文檔幾遍,就能找到答案,但還是要發揮下爛筆頭的功效,順便梳理下。 問題列表 登錄流程小程序標簽頁地址無法跳轉問題頁面翻頁內容加…

Nginx重啟方式

2019獨角獸企業重金招聘Python工程師標準>>> 重啟方式有三種: 1.簡單型,先關閉進程,修改你的配置后,重啟進程。 2.重新加載配置文件,不重啟進程,不會停止處理請求 3.平滑更新nginx二進制&#x…

axure如何頁面滑動時廣告位上移_新手APP運營如何做廣告位投放

運營是什么?這種問題在各種論壇、貼吧、百度知道、問答百科類中都會出現。上面也有各種大神各式各樣的回答,從不同角度向我們闡述了什么是運營。用 戶運營、內容運營、社區運營、活動運營、市場運營、等等,各種各樣的文章對它們有非常多的分類…

常見的8個前端防御性編程方案

大家好,我是若川。歡迎加我微信 ruochuan12,長期交流學習。今天分享幾個常見的前端防御性編程方案。點擊下方卡片關注我,或者查看源碼等系列文章。學習源碼整體架構系列、年度總結、JS基礎系列關于前端防御性編程我們大多數情況可能遇到過&am…

比特平面分層_平面設計中的分層

比特平面分層One of the first windows to pop up automatically, when I first started using Adobe Photoshop back in 2013, was the Layers one. Albeit I was dabbling around with it for making memes, it was one of the first things I played around with.2013年&…

微軟中國推校園先鋒計劃,保障學生低價獲取正版軟件

2010年7月13日,人人網 Lucky 7 率先向同學們宣布了"微軟校園先鋒計劃"上線的消息,該計劃現在接受學生預購正版 Windows 7 專業版和 Office 2010 專業版,正式銷售的日期為7月19日。該計劃的官網是:http://ms.shop.edu.cn…

Nginx laraval-admin 頁面小圖標不顯示 問題處理

laraval-admin 頁面小圖標不顯示 類似問題 nginx下加載eot|otf|ttf|woff|svg等404 錯誤問題 瀏覽器console控制臺報錯 GET http://admin.xxx.com/vendor/laravel-admin/google-fonts/fonts/Source-Sans-Pro.woff2 net::ERR_ABORTED 404 (Not Found)CSS 樣式引用字體 font-face …

Ajax完整資料加代碼

什么是Ajax?答:Ajax是一種無需加載整個網頁,就能夠更新部分網頁,與后臺交互的技術。Ajax的優點?答:能夠在不更新整個頁面的前提下,維護數據。這使得Web程序可以更快速的回應用戶的動作&#xff…

did雙重差分法_Stata中雙重差分操流程及代碼

01簡介現代計量經濟學和統計學的發展為我們的研究提供了可行的工具。倍差法來源于計量經濟學的綜列數據模型,是政策分析和工程評估中廣為使用的一種計量經濟方法。主要是應用于在混合截面數據集中,評價某一事件或政策的影響程度。該方法的基本思路是將調…

Axios 如何緩存請求數據?

大家好,我是若川。歡迎加我微信 ruochuan12,長期交流學習。今天推薦這篇Axios緩存請求數據的文章,相信是常見的業務場景,感興趣的讀者可以看看 umi-request,支持緩存功能。另外我之前也寫過 axios源碼文章,…

Reflection in .net

最近在看設計模式的一些東西,在講到builder模式中使用到了c#的反射機制,從網上找了寫資料,整理如下: 在C#中,我們要使用反射,首先要搞清楚以下命名空間中幾個類的關系: System.Reflection命名空間(1) App…

山西萬榮盛裝迎新春 首屆群眾文化藝術節啟幕

山西萬榮盛裝迎新春,首屆群眾文化藝術節啟幕。 李繼旺 攝 山西萬榮盛裝迎新春,首屆群眾文化藝術節啟幕。 李繼旺 攝 中新網太原1月29日電 (任麗娜)璀璨閃耀的寶鼎廣場花燈展、激情活力的群眾文體賽事、精彩紛呈的紅火熱鬧、精品年貨展銷、李家大院游園會…

MySQL 隱式轉換 字符串和整型說明

MySQL 隱式轉換 字段類型定義 CREATE TABLE user (id int(10) NOT NULL AUTO_INCREMENT COMMENT 編號,/* ...... */name varchar(10) NOT NULL DEFAULT COMMENT 姓名,/* ...... */PRIMARY KEY (id),KEY idx_name (name,nickname),/* ...... */ ) ENGINEInnoDB DEFAULT CHARSE…

安裝vs2017出現閃退現象_Adobe Reader 閃退

在我們的日常辦公、學習中經常會涉及到 PDF 文件,免不了需要處理 PDF 文件如:PDF轉Word、PDF合并、導出成圖片、PDF解密、PDF轉PPT、PDF加水印、PDF簽名等等。PDF是與平臺無關的文件格式,無論在哪種打印機上都可保證精確的顏色和準確的打印效…

從Vue.js源碼中我學到的幾個實用函數

大家好,我是若川。歡迎加我微信 ruochuan12,長期交流學習。今天推薦Vuejs源碼中幾個實用的方法。如果想看Vuejs源碼,不知道如何下手,一般推薦配置Sourcemap,針對單個問題調試來看,如何調試Vuejs源碼&#x…

real類型_如何使用REAL方法對您的Web內容進行現實檢查

real類型Web內容審核模板 (Web content audit template) I recently completed a website audit project for a nonprofit organization through CatchAFire.org. As part of the website audit, I audited every key page’s content, looking for areas of opportunity.我最近…

青海行--(7月26日)翻越祁連山

嘉峪關是最值得一寫的,雖然也是著名的旅游城嘉峪關景點是國家AAAAA級景區,但與敦煌完全不一樣,沒有人山人海的游客,門票也不貴,才10&a…

TikTok真題第1天 | 666.路徑和IV、 207.課程表、210.課程表||

666.路徑和IV 題目鏈接:666.路徑和IV 解法: 參考這篇題解:【LeetCode - 666】路徑和 IV_力扣666路徑總和4-CSDN博客 關鍵點在于: (1)使用map來存node:key 為整數的前兩位,value…

導出Excel

2019獨角獸企業重金招聘Python工程師標準>>> 思路: 1, 引入Excel類庫; 2, 創建一個模板; 3, 將數據填充進去; 4, 生成文件; 下面是一個簡單的示例 $phpExcelObj new PHPExcel(); $titleMap self::TITLE_MAP; //設置表頭 $i 0; foreach ($titleMap as $key > $…