「平面設計入門：排版與構圖」- Beginning Graphic Design

收藏 「平面設計入門：排版與構圖」- Beginning Graphic Design: Layout & Composition. 分享給好友：. 觀看 ... 希平方攻其不背App開放下載中 立即使用 希平方攻其不背App開放下載中 立即使用 您的瀏覽器停止支援了😢 請使用最新Edge瀏覽器或點選連結下載GoogleChrome瀏覽器 前往下載 × 登入 !帳號或密碼輸入錯誤 Email帳號 密碼 記住我 忘記密碼 登入 或者 還沒有帳號嗎？註冊 免費註冊 !這組帳號已經註冊過了 Email帳號 密碼請填入6位數以上密碼 我想獲得最新學英文資訊 註冊 使用Facebook快速登入 一旦註冊，即表示您已知悉並詳閱《HOPEEnglish希平方》服務條款關於個人資料收集與使用之規定 已經有帳號了？登入 忘記密碼 !這組帳號已經註冊過了 您的Email 請輸入您註冊時填寫的Email， 我們將會寄送設定新密碼的連結給您。

寄出修改密碼連結 寄信了！請到信箱打開密碼連結信 密碼信已寄至 沒有收到信嗎？ 點這裡重寄一次 如果您尚未收到信，請前往垃圾郵件查看，謝謝！ OK 恭喜您登入成功！ 我想升級尊榮會員 將於5秒後自動回到原頁面 登入失敗！ OK 因為網路連線/不明原因問題造成登入失敗 請經過一段時間後再重試 恭喜您註冊成功！ 開始學習 查看會員功能 註冊未完成 OK OK Facebook登入失敗！ OK facebook帳號登入失敗，暫時請您使用email註冊或登入。

若您原先使用facebook帳號登入，請使用「忘記密碼」功能、填入您用來註冊facebook的email，設定密碼以後即可用email和密碼登入。

登入失敗！ 此帳號目前未申辦亞太加值服務，你可以嘗試以下解決方案： 請洽亞太服務人員購買攻其不背加值服務 或是選擇用email註冊／登入希平方會員 OK AppleId登入失敗！ AppleId登入失敗，暫時請您使用email註冊或登入。

若您原先使用AppleId登入，請使用「忘記密碼」功能、填入您用來註冊AppleId的email，設定密碼以後即可用email和密碼登入。

OK 《HOPEEnglish希平方》服務條款關於個人資料收集與使用之規定 隱私權政策上次更新日期：2014-12-30 希平方為一英文學習平台，我們每天固定上傳優質且豐富的影片內容，讓您不但能以有趣的方式學習英文，還能增加內涵，豐富知識。

我們非常注重您的隱私，以下說明為當您使用我們平台時，我們如何收集、使用、揭露、轉移及儲存你的資料。

請您花一些時間熟讀我們的隱私權做法，我們歡迎您的任何疑問或意見，提供我們將產品、服務、內容、廣告做得更好。

本政策涵蓋的內容包括：希平方學英文如何處理蒐集或收到的個人資料。

本隱私權保護政策只適用於：希平方學英文平台，不適用於非希平方學英文平台所有或控制的公司，也不適用於非希平方學英文僱用或管理之人。

個人資料的收集與使用 當您註冊希平方學英文平台時，我們會詢問您姓名、電子郵件、出生日期、職位、行業及個人興趣等資料。

在您註冊完希平方學英文帳號並登入我們的服務後，我們就能辨認您的身分，讓您使用更完整的服務，或參加相關宣傳、優惠及贈獎活動。

希平方學英文也可能從商業夥伴或其他公司處取得您的個人資料，並將這些資料與希平方學英文所擁有的您的個人資料相結合。

我們所收集的個人資料,將用於通知您有關希平方學英文最新產品公告、軟體更新，以及即將發生的事件，也可用以協助改進我們的服務。

我們也可能使用個人資料為內部用途。

例如：稽核、資料分析、研究等，以改進希平方公司產品、服務及客戶溝通。

瀏覽資料的收集與使用 希平方學英文自動接收並記錄您電腦和瀏覽器上的資料，包括IP位址、希平方學英文cookie中的資料、軟體和硬體屬性以及您瀏覽的網頁紀錄。

隱私權政策修訂 我們會不定時修正與變更《隱私權政策》，不會在未經您明確同意的情況下，縮減本《隱私權政策》賦予您的權利。

隱私權政策變更時一律會在本頁發佈；如果屬於重大變更，我們會提供更明顯的通知(包括某些服務會以電子郵件通知隱私權政策的變更)。

我們還會將本《隱私權政策》的舊版加以封存，方便您回顧。

服務條款 歡迎您加入看”希平方學英文” 上次更新日期：2013-09-09 歡迎您加入看”希平方學英文” 感謝您使用我們的產品和服務(以下簡稱「本服務」)，本服務是由希平方學英文所提供。

本服務條款訂立的目的，是為了保護會員以及所有使用者(以下稱會員)的權益，並構成會員與本服務提供者之間的契約，在使用者完成註冊手續前，應詳細閱讀本服務條款之全部條文，一旦您按下「註冊」按鈕，即表示您已知悉、並完全同意本服務條款的所有約定。

如您是法律上之無行為能力人或限制行為能力人(如未滿二十歲之未成年人)，則您在加入會員前，請將本服務條款交由您的法定代理人(如父母、輔助人或監護人)閱讀，並得到其同意，您才可註冊及使用希平方學英文所提供之會員服務。

當您開始使用希平方學英文所提供之會員服務時，則表示您的法定代理人(如父母、輔助人或監護人)已經閱讀、了解並同意本服務條款。

我們可能會修改本條款或適用於本服務之任何額外條款，以(例如)反映法律之變更或本服務之變動。

您應定期查閱本條款內容。

這些條款如有修訂，我們會在本網頁發佈通知。

變更不會回溯適用，並將於公布變更起十四天或更長時間後方始生效。

不過，針對本服務新功能的變更，或基於法律理由而為之變更，將立即生效。

如果您不同意本服務之修訂條款，則請停止使用該本服務。

第三人網站的連結 本服務或協力廠商可能會提供連結至其他網站或網路資源的連結。

您可能會因此連結至其他業者經營的網站，但不表示希平方學英文與該等業者有任何關係。

其他業者經營的網站均由各該業者自行負責，不屬希平方學英文控制及負責範圍之內。

兒童及青少年之保護 兒童及青少年上網已經成為無可避免之趨勢，使用網際網路獲取知識更可以培養子女的成熟度與競爭能力。

然而網路上的確存有不適宜兒童及青少年接受的訊息，例如色情與暴力的訊息，兒童及青少年有可能因此受到心靈與肉體上的傷害。

因此，為確保兒童及青少年使用網路的安全，並避免隱私權受到侵犯，家長（或監護人）應先檢閱各該網站是否有保護個人資料的「隱私權政策」，再決定是否同意提出相關的個人資料；並應持續叮嚀兒童及青少年不可洩漏自己或家人的任何資料（包括姓名、地址、電話、電子郵件信箱、照片、信用卡號等）給任何人。

為了維護希平方學英文網站安全，我們需要您的協助： 您承諾絕不為任何非法目的或以任何非法方式使用本服務，並承諾遵守中華民國相關法規及一切使用網際網路之國際慣例。

您若係中華民國以外之使用者，並同意遵守所屬國家或地域之法令。

您同意並保證不得利用本服務從事侵害他人權益或違法之行為，包括但不限於： A.侵害他人名譽、隱私權、營業秘密、商標權、著作權、專利權、其他智慧財產權及其他權利； B.違反依法律或契約所應負之保密義務； C.冒用他人名義使用本服務； D.上載、張貼、傳輸或散佈任何含有電腦病毒或任何對電腦軟、硬體產生中斷、破壞或限制功能之程式碼之資料； E.干擾或中斷本服務或伺服器或連結本服務之網路，或不遵守連結至本服務之相關需求、程序、政策或規則等，包括但不限於：使用任何設備、軟體或刻意規避看希平方學英文-看YouTube學英文之排除自動搜尋之標頭(robotexclusionheaders)； 服務中斷或暫停 本公司將以合理之方式及技術，維護會員服務之正常運作，但有時仍會有無法預期的因素導致服務中斷或故障等現象，可能將造成您使用上的不便、資料喪失、錯誤、遭人篡改或其他經濟上損失等情形。

建議您於使用本服務時宜自行採取防護措施。

希平方學英文對於您因使用（或無法使用）本服務而造成的損害，除故意或重大過失外，不負任何賠償責任。

版權宣告 上次更新日期：2013-09-16 希平方學英文內所有資料之著作權、所有權與智慧財產權，包括翻譯內容、程式與軟體均為希平方學英文所有，須經希平方學英文同意合法才得以使用。

希平方學英文歡迎你分享網站連結、單字、片語、佳句，使用時須標明出處，並遵守下列原則： 禁止用於獲取個人或團體利益，或從事未經希平方學英文事前授權的商業行為 禁止用於政黨或政治宣傳，或暗示有支持某位候選人 禁止用於非希平方學英文認可的產品或政策建議 禁止公佈或傳送任何誹謗、侮辱、具威脅性、攻擊性、不雅、猥褻、不實、色情、暴力、違反公共秩序或善良風俗或其他不法之文字、圖片或任何形式的檔案 禁止侵害或毀損希平方學英文或他人名譽、隱私權、營業秘密、商標權、著作權、專利權、其他智慧財產權及其他權利、違反法律或契約所應付支保密義務 嚴禁謊稱希平方學英文辦公室、職員、代理人或發言人的言論背書，或作為募款的用途 網站連結歡迎您分享希平方學英文網站連結，與您的朋友一起學習英文。

同意並繼續註冊 抱歉傳送失敗！ OK 不明原因問題造成傳送失敗，請儘速與我們聯繫！ 了解詳情 2022/06/3016:13:35GMT+8 英文 精選影片 片語俚語 專欄教學 ICRT 翰林 重新播放 您可以在5秒後重新播放 了解詳情 分享這部影片 框選或點兩下字幕可以直接查字典喔！ 收錄佳句 中 英 免費功能 功能升級 Yahoo奇摩字典 TheFreeDictionary GoogleSearch n.名詞 vi.不及物動詞 vt.及物動詞 a.形容詞 ad.副詞 prep.介係詞 phr.片語 n.名詞 vi.不及物動詞 vt.及物動詞 a.形容詞 ad.副詞 prep.介係詞 phr.片語 收錄單字 取消 layout排版composition構圖 全文瀏覽 本章片語(0) Layoutandcomposition.Inaway,they'rethefoundationofdesign.Theygiveyourworkstructureandmakeiteasiertonavigate—fromthemarginsonthesidestothecontentinbetween.Ofcourse,it'snotjustaboutworkingwithtext.Compositionmattersinothermediumstoo,likegraphicdesign,webdesign,andmuchmore.Withoutawell-composedlayout,yourworkwouldbasicallyfallapart. 排版與構圖。

某方面來說，它們是設計的基礎。

它們讓你的作品有結構，比較容易瀏覽－－從旁邊的邊界到中間的內容。

當然，不僅只是處理文本內容。

構圖在其他媒介中也很重要，例如平面設計、網頁設計和其它更多方面。

沒有好的構圖和排版，你的作品基本上就會支離破碎。

Thekeytomasteringlayoutandcompositionistothinklikeadesigner.Luckily,it'seasierthanitsounds.Therearefivebasicprinciplesthatcanhelpyoutransformyourworkandsharpenyoureyefordesign.Let'sstartatthetopandworkourwaydown. 掌握排版與構圖的關鍵就是像設計師一樣思考。

幸運的是，這比聽起來更容易做到。

以下有五個基本原則，能夠幫助你改變作品，讓你對設計有更敏銳的眼光。

我們先從最上面的開始講，並往下一個一個介紹。

Proximityisallaboutusingvisualspacetoshowrelationshipsinyourcontent.Inpractice,it'sprettysimple—allyouhavetodoismakesurerelateditemsaregroupedtogether.Forexample,blocksoftextorelementsinagraphic.Groupsthatarenotrelatedtoeachothershouldbeseparatedtovisuallyemphasizetheirlackofarelationship.Allinall,thismakesyourworkeasiertounderstandataglance—whetherit'spurelytextorsomethingmorevisual. 「鄰近性」就是運用視覺空間傳達出內容之間的關聯性。

實際操作起來其實滿簡單的－－你要做的就是一定要把有相關的項目放在一起。

例如，文字方塊或元素圖案。

彼此不相關的群組要分開，以視覺的方式強調彼此缺乏關聯性。

總而言之，這會讓你的作品更能夠一眼就清楚明瞭－－不管是純文字或是更視覺化的東西。

Whitespaceisanimportantpartofeverycomposition.Now,thisdoesn'tmeanliteralwhitespace—itjustmeansnegativespace,likethespacesbetweenyourcontent,betweenlines,andeventheoutermargins.There'snoonewaytousewhitespacecorrectly,butit'sgoodtounderstanditspurpose.Whitespacehelpsyoudefineandseparatedifferentsections.Itgivesyourcontentroomtobreathe.Ifyourworkeverstartstofeelclutteredoruncomfortable,alittlewhitespacemightbejustwhatthedoctorordered. 「留白」也是構圖中很重要的一塊。

這不是在指字面上的白色的地方－－而是指「負空間」，如內容之間的留白、行列之間、或甚至外部邊界的空白。

使用留白的方式沒有唯一正解，但要了解它的目的。

留白能幫你定義和區分不同區塊。

它給你的作品呼吸的空間。

如果你的作品讓你開始覺得太混亂或不舒服，留一點空白也許就是解答。

Alignmentissomethingyoudealwithallthetime,evenifyoudon'trealizeit.Wheneveryoutypeanemailorcreateadocument,thetextisalignedautomatically.Whenaligningobjectsbyyourself—forinstance,imagesorseparatetextboxes—gettingitrightcanbetricky.Themostimportantthingistobeconsistent.Let'stakealookatwhatthatmeans. 「對齊」是你無時無刻都會遇到的事情，即使你不自覺。

你寫電子郵件或建立文件的時候，文字已經自動對齊了。

當你要自己手動對齊物件的時候－－例如，圖片或獨立的文字方塊－－好好對齊可能會有點難。

最重要的事情是要維持一致性。

我們來看一下是什麼意思。

Itmighthelptoimagineyourcontentarrangedinsideofagrid.Noticehowthere'saninvisiblelinecenteringeachimagetothetext?Eachgroupingisalsoevenlyspacedandalignedwithequal-sizedmargins.It'sthatattentiontodetailthatmakesthecompositioneasiertonavigate.Withoutconsistentalignment,yourworkcouldstarttofeeldisorganized. 這可能會有點幫助，想像你的內容是編排在格線裡的。

有注意到有一條隱形的線條讓圖案與文本置中對齊嗎？每一個物件組合也彼此對齊，中間的留白均等，到邊界的留白也是相等的。

留意細節才能讓構圖容易瀏覽。

對齊不一致的話，你的作品就會讓人覺得雜亂無章。

Contrastsimplymeansthatoneitemisdifferentfromanother.Inlayoutandcomposition,contrastcanhelpyoudomanythings—forexample,catchthereader'seye,createemphasis,orcallattentiontosomethingimportant.Therearelotsofstrategiesforcreatingcontrast.Youcanusecolor,adjustthesize,shapeorvisualweightofanobject,orusecontrastingstylesoftext. 「對比」，就是指一個物件和另一個不同。

在排版和構圖上，對比能幫助你做到很多事情－－例如：吸引讀者的目光、創造強調性、或讓人注意到重點。

有很多策略能夠創造對比。

你可以用顏色，調整大小、形狀、物件的視覺比重，或者文字使用對比的風格。

Contrastisalsocloselytiedtohierarchy—avisualtechniquethatcanhelptheviewernavigateyourwork.Inotherwords,itshowsthemwheretobeginandwheretogonextusingdifferentlevelsofemphasis.Establishinghierarchyissimple:Justdecidewhichelementsyouwantthereadertonoticefirst,thenmakethemstandout.High-levelorimportantitemsareusuallylarger,bolder,ormoreeye-catchinginsomeway. 與對比緊密相關的是「視覺層級」－－一種視覺技巧能讓觀看的人更容易瀏覽你的作品。

換句話說，不同層級的強調性能夠告訴他們要從哪裡開始看，再看哪個地方。

建立層級很簡單：只要決定你想先讓讀者注意到哪些元素，接著凸顯它們。

高層級或重要的物件通常都比較大、比較粗，或以某種方式比較顯眼。

Repetitionisareminderthateveryprojectshouldhaveaconsistentlookandfeel.Thatmeansfindingwaystoreinforceyourdesignbyrepeatingorechoingcertainelements.Forinstance,ifyouhaveaspecificcolorpalette,lookforwaystocarryitthrough.Ifyou'vechosenaspecialheaderstyle,useiteverytime.It'snotjustforaestheticreasons—beingconsistentcanalsomakeyourworkeasiertoread.Whentheviewerknowswhattoexpect,theycanrelaxandfocusonthecontent. 「重複性」是用來提醒每個作品都必須要有一致性的外觀和感覺。

指的是找到方式增強設計，透過重複或呼應特定元素。

例如，如果你有特定的色調配置，要找到方法讓這種配置貫穿整個作品。

如果你挑了特別的標題樣式，記得每次都要用。

不僅僅只是美觀上－－前後一致也能讓你的作品更好閱讀。

當觀眾知道會看到怎麼樣的配置，他們就能放鬆，好好專注在內容上。

Inmanyways,layoutandcompositionaretheunsungheroesofdesign.It'seasytooverlooktheirrole,butthey'repartofeverythingyoudo.Anudgehere...someextrawhitespacethere...andvoila!Withalittleattentiontodetail,youcancreatebeautiful,professional-lookingcompositions. 以很多方面來說，排版和構圖是設計中的無名英雄。

很容易忽略它們的角色，但它們在你的作品中無所不在。

這裡微調一下...那裡多留白一點...你看!多注意細節，你就能創造出漂亮又專業的構圖了。

Thanksforjoiningusforthebasicsoflayoutandcomposition.Checkouttherestofourdesigntopics,includingtypography,color,andimages. 謝謝你收看排版與構圖的基本原則。

別忘了看看我們其它設計主題的影片喔，包含字體排版、顏色和圖片。

收錄的佳句 收錄的單字 n.名詞 vi.不及物動詞 vt.及物動詞 a.形容詞 ad.副詞 prep.介係詞 phr.片語 Yahoo奇摩字典 TheFreeDictionary GoogleSearch 收錄單字 取消 分享至FB 你可能會想看 什麼是元宇宙？為什麼科技巨頭都趨之若鶩？ 觀看次數：3412 • 2021-11-12 【療癒系田園VLOG】平凡生活的美－－談社群媒體與簡單生活 觀看次數：2017 • 2021-12-10 如何寫道歉信 觀看次數：1714 • 2021-12-23 請不要難過 觀看次數：1934 • 2022-01-14 電影中的美學－－什麼是『荷蘭式鏡頭』？ 觀看次數：1410 • 2022-03-10 【看時事學英文】為何俄羅斯要攻打烏克蘭？ 觀看次數：2595 • 2022-02-25 【一分鐘英語】如何有禮貌地給予他人建議？ 觀看次數：4747 • 2021-12-03 打破虛擬與現實的邊界－－觀賞名畫《宮女》 觀看次數：3993 • 2021-07-01 主題影片 演講(26) 廚藝(94) 女性(64) 達人教學(259) 電影(104) 寵物(48) 經濟(19) 鄧肯英文(6) 趣味(536) TED演講(29) 運動(48) 學英文技巧(124) 廣告(124) 新聞(66) 音樂(109) 勵志(139) 會談(34) 人文(451) 旅遊(74) 男女(44) 科普(242) 程度分級 初級(610) 中級(889) 高級(139) 腔調 北美腔(1194) 澳洲腔(18) 其它腔調(202) 英國腔(304) 播放本句 確定 取消 登入使用學習功能 使用Email登入 此Email尚未註冊 您的Email 密碼 註冊新帳號 重發認證信 忘記密碼 HOPEEnglish播放器使用小提示 功能簡介 單句重覆、重複上一句、重複下一句：以句子為單位重覆播放，單句重覆鍵顯示綠色時為重覆播放狀態；顯示白色時為正常播放狀態。

按重複上一句、重複下一句時就會自動重覆播放該句。

收錄佳句：點擊可增減想收藏的句子。

中、英文字幕開關：中、英文字幕按鍵為綠色為開啟，灰色為關閉。

鼓勵大家搞懂每一句的內容以後，關上字幕聽聽看，會發現自己好像在聽中文說故事一樣，會很有成就感喔！ 收錄單字：框選英文單字可以收藏不會的單字。

分享 如果您有收錄很優秀的句子時，可以分享佳句給大家，一同看佳句學英文!