范文為教學中作為模范的文章，也常常用來指寫作的模板。常常用于文秘寫作的參考，也可以作為演講材料編寫前的參考。大家想知道怎么樣才能寫一篇比較優(yōu)質的范文嗎？下面是小編幫大家整理的優(yōu)質范文，僅供參考，大家一起來看看吧。
spancss網頁布局的優(yōu)點篇一
矛盾出來了，像我們這些小作坊，基本都是設計布局一人搞定。甚至還有加后臺程序的。假設設計的時候考慮布局了，我們都有這個能力進行調整。但像大公司，分工嚴格的情況下，如果設計師不懂css不會布局。或者理解有誤，那么設計稿就會讓布局人員耗費大量的時間和精力。因為瀏覽器太多！
經常看到有網友抱怨設計師給的稿子無法還原。因為他們對瀏覽器和屏幕的理解不一樣。也有的是因為效果太絢，顏色太多。更有甚者是使用flash制作嫌浪費，而html又雞肋.....好吧，我們拋開這最后一種情況，只談對屏幕和效果以及設計布局的理解。
先談屏幕：
屏幕分辨率，還是以1024×768為主。而滿屏的定義則無從談起。為什么？請看一下原因： 你不能確定用戶的ie裝了幾個插件！插件越多，瀏覽器顯示高度越低！ 你不能確定用戶的顯示器是否設置正確（歪一邊了，弧形的，截斷的，縮小的放大的） 你不能確定用戶顯示器的分辨率是否為最佳分辨率。其典型在于某些寬屏或高屏顯示器，有的是等比例縮小后留白。而更有甚者則是滿屏拉伸。比例就不對了！
要使得網頁滿屏。很多人說寬度1003，也有人說是1004。而我則不這樣認為。
其實滿屏也分兩種，我姑且命名一種為內容滿屏，一種為視覺滿屏！
所謂視覺滿屏，其實是一種取巧的做法。而這種方法。其實很簡單，一個網站的頭部，無非就是導航和banner，如果導航在最上邊，那么，將導航的背景呈100%，導航居中。如果banner在最上邊，那么注意處理圖片兩端，還是100%寬 背景！
ok，雖然內容寬度還有可能是1000、1003、甚至是900或更低，視覺上依然是百分百的寬度，只要避免最小寬度大于瀏覽器寬度、或客戶的顯示器分辨率寬度大于你的.最小寬度。永遠ok。
spancss網頁布局的優(yōu)點篇二
引導語：想要設計一個屬于自己的網站，在開始設計之前應該想好怎么去布局才更加的美觀又合理，以下是小編整理的網頁布局方式，歡迎參考閱讀!
也可以稱為“同”字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。
這種結構與上一種其實只是形式上的區(qū)別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。
這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。
這種類型基本上是出一些網站的.首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分是企業(yè)網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。
所謂“t”結構布局，就是指網頁上邊和左邊相結合，頁面頂部為橫條網站標志和廣告條，左下方為主菜單，右面顯示內容，這是網頁設計中用得最廣泛的一種布局方式。在實際設計中還可以改變“t”結構布局的形式，如左右兩欄式布局，一半是正文，另一半是形象的圖片、導航?；蛘牟坏葍蓹谑讲贾?，通過背景色的區(qū)分，分別放置圖片和文字等。
這樣的布局有其固有的優(yōu)點，因為人的注意力主要在右下角，所以企業(yè)想要發(fā)布給用戶的信，大都能被用戶以最大可能性獲取，而且很方便，其次是頁面結構清晰，主次分明、易于使用。缺點是規(guī)矩呆板，如果細節(jié)色彩上不注意，很容易讓人“看之無味”。
這是一個形象的說法，指頁面上下各有一個廣告條，左邊是主菜單，右邊是友情鏈接等，中間是主要內容。
這種布局的優(yōu)點是頁面充實、內容豐富、信息量大，是綜合性網站常用的版式，特別之處是頂部中央的一排小圖標起到了活躍氣氛的作用。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設計，例如網易壁紙站使用多幀形式，只有頁面中央部分可以滾動，界面類似游戲界面。使用此類版式的有多維游戲娛樂性網站。
這種布局多用于國外網站，國內用得不多。其特點是頁面上橫向兩條色塊，將頁面整體分割為4個部分，色塊中大多放廣告條。
顧名思義，它指采取左右或者上下對稱的布局，一半深色，一半淺色，一般用于設計型網站。其優(yōu)點是視覺沖擊力強，缺點是將兩部分有機地結合比較困難。
pop源自廣告術語，指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用于時尚類網站，優(yōu)點顯而易見：漂亮吸引人，缺點是速度慢。
spancss網頁布局的優(yōu)點篇三
響應式網頁設計是網頁設計的一種技術，可在n多種瀏覽(從電腦到移動電話以致到網絡電視)上閱讀和導航，同時減少放大與縮小、拉伸和滾動。更多的網站設計將會專注于響應式網頁設計，并非獨特風格。這種響應式設計忘記尺寸以便支持多種設備，正適應移動設備的發(fā)展。
扁平化設計發(fā)展迅速。2014年除去繁瑣修飾的簡主義界面設計正是時候。扁平化設計在于兩點：視覺的簡易性，功能的最有性。2013年，蘋果公司的ios7平臺發(fā)布后,多家網絡公司也改動了自己的logo，就連谷歌的首頁logo都扁平化了。
初級前端設計師經常專注于圖片布局，flash制作及javascript腳本。時過兩年，最為領略的是字體設計成為網頁設計的經典。這些web設計益于twitter的疏浚相反框架，twitter的`引導框架中，系統(tǒng)提供了幾種布局模塊及其種類，此時網頁先表達網頁字體，而后表達大批的圖像。
這一趨勢的發(fā)展強烈反饋了當下不斷萎靡的硬件市場。在ipad使用視網膜顯示屏后，蘋果手機以及三星手機視網膜顯示屏的推出就顯得無法避免了。而今，網頁設計師也已經適應了這種新硬件，提供不同的圖像服務，提高了應用程序的識別率，使商品更有美觀。
20世紀初，flash是獨一、完美制作動畫的工具，是動畫效果的領導者。隨著網絡技術的快速發(fā)展，flash漸漸被javascrip等工具替代。對網站的seo來說，這是要優(yōu)化的。多種移動設備已經無法再支持它了，最關鍵的是更新很痛苦，以至于閱讀器常常崩潰。
spancss網頁布局的優(yōu)點篇四
在網站設計中，簡潔的網頁設計可能使用了多種元素來襯托網站內容，但依然還能保持整潔有序的外觀。不過，極簡網站設計是以內容為核心，多余的東西統(tǒng)統(tǒng)扔掉。而簡潔網頁設計則使用了創(chuàng)意和美學元素，在一定程度上，這是可行的。
網頁設計靈動布局之相對自由式示例
我們人類千人千面，但怎么長都不會偏離骨骼。因此，保持了內在的堅固恒久性，外表就一出戲，相對自由式的進行視覺想象編結。布局排版說來很容易，無非就是整理好網頁的元素清單，然后一一放上版面即可。其實就因為自由搭配的方式千差萬別，我們總為最好解決方案心懸一線，其實最后的結果又馬馬虎虎。
優(yōu)秀的排版是構圖、圖片、配色、字體等各方協(xié)調的共同結果，設計其實是沒有規(guī)則可循，審美從來都不在約束內發(fā)生。要想讓整個版式內容豐富又充滿呼吸的空間，需要我們整個的思考方式都流動起來。
一段文字和一張圖片，甚至一個圖標……在你進行布局的時候，由于你的素材并不是立刻手到擒來，你的布局總是喜歡用一個個矩形來代表一段文字或一張圖片，這本沒有錯，但這個做法也會讓你陷入“框架陷阱”。
就像這樣一個布局，只是畫出了一個大致的框架圖，也許你只是想說這只是框架，因為設計規(guī)劃前期很多素材還并不完善。
然而，很有可能你就會因此而將頁面設計成這樣
當然，你會說這樣其實并沒有什么不好，因為幾乎我們所有看到的扁平化網頁都是這個樣式，但可以肯定的是，這個網頁并沒有多少呼吸的空間，整個網頁都被信息所填滿，如果稍微改變一下布局的元素大小和位置，其實就會展示出不一樣的版面效果(下圖)，而很顯而易見后者的排版是更為靈活的。
邊界所造成的局限就是你的思維，你將會習慣在這個框架內去思考解決方案，如果你想要躲過這個陷阱，就是學會越過框架去思考。就算你做好了框架，也要認識到這不過是一個前期的不確定方向的試探，你完全可以改變框架的構造。
很多設計師自詡為美術民工，而覺得自己離藝術家這個范疇越來越遠，其本質的差別就是，工匠只是重復一項勞動，在創(chuàng)造之前它就已經知道了目標。比如設計網頁前，已經知道最終網頁做成什么樣，那么你的工作就僅僅是按部就班完成每個元素的對齊工作。而藝術家則是在事前并不知道結果，往往是一步一試探去尋找更加有效的解決方案，藝術創(chuàng)作類似于一種冒險。設計師其實是取乎其中，也就是兩個身份兼有的理想結合。
這么說也許有點夸張，但任何一件好的平面作品，一定是有焦點的。就像我們談到過，十字準星型的視覺結構習慣將焦點置于中心位置，要制造一個焦點的辦法有很多，簡言之，就是制造沖突。想象你在一個人群稀疏的大廳，突然有兩個人高聲爭論什么，這時引起了幾個人圍觀，這個情景就在原本安靜的人流中制造了一個關注焦點。同樣，在視覺領域也是如此，利用對比沖突應該是一種最有效的制造焦點的方式。
對于焦點的認識我們也不應局限于是一個“點”，它是一塊正吸引你的視線所投射的區(qū)域。它還可以分為實焦點和虛焦點，實焦點是在虛焦點之上更為精準的投射存在。
除了色彩，其他任何屬性都可以經由對比形成焦點，這時你要做的，就是注意焦點不應太多。也因此，除了焦點以外，設計中的其他元素都要保持一種相似性。
這里我們總結一下能用于進行對比屬性，這些屬性之間形成的對比越大，沖突越大。
紋理：細-粗、平滑-粗糙、反光-啞光、滑-黏、銳-鈍
尺寸：大-小、長-短、窄-寬、擴大-收縮、深-淺
顏色：黑色-彩色、亮-暗、暖色-冷色、明度-暗度、天然-人造、飽和(深色)-無色(素色)
密度：透明-晦暗、稠密-稀薄、液體-固體
重力：輕-重、穩(wěn)定-不穩(wěn)定
注：上述內容摘自《平面設計原理》一書
設計師在做設計時，其實并不會將這些規(guī)范提前設定在大腦中，而是經過經驗的積累而形成一種潛在的直覺，這份清單的意義并不是需要你記下它，而是瀏覽完后，在設計的任何場合的提醒。比如一份作品完成后，可以看看究竟焦點是否足夠吸引，哪些元素需要進一步調整。
焦點突出的前提是非焦點區(qū)域的元素盡量保持一致。制造沖突似乎手到擒來，但是要保持一致卻需要步步為營。
例如下圖頁面正中的圖案也是整個頁面的焦點所在
可以看到虛焦點區(qū)域是這個由手繪花朵、幾何圖案數字以及其他手繪圖案組成的這個圖案幾何體，實焦點卻是落在了最大的手繪花朵上。這時，手繪花朵的有機與相鄰的幾何形有了一個對比，這就是幾何形式與有機形式的對比。
最大的實心花朵的尺寸大小剛好和右下方手繪的大腦的尺寸相同，而它們之間也存在色彩與無色彩的對比。
三角的`幾何形與數字的位置剛好都是三角。再仔細觀察整個彩繪花朵的材質和圖中的幾何形以及數字的材質都相同，而與手繪的大腦的繪畫材質有明顯的差別，它們彼此間相互對比，而彼此又有統(tǒng)一。
經過分析觀察，一個焦點的構造也沒有想象那么簡單。如果把對比和統(tǒng)一看作一個天平的兩極，那么所有元素間的關系都是在它們之間取值，此消彼長最后達到平衡。這完全可以看作是一種力學。
如果你的畫面中元素越多，越需要你加強整個畫面的統(tǒng)一的力量。
下面這個設計是由許多小插畫所聚合的一個頁面，一不小心就陷入凌亂，而設計師將這些插畫分為三塊內容，每塊內容用背景色分區(qū)，形成三個矩形，這是形狀的統(tǒng)一。這些插畫的材質和風格也統(tǒng)一，同時插畫的物體所展示的方向也都是往斜下方，也形成了一種統(tǒng)一。因此，你可以看到這個畫面的對比的力量相對較弱，焦點是左邊的矩形這一點沒有人懷疑，而這個焦點里的插畫可以看到是一件男士襯衫和女士襯衫，男女用品的形成了對比。這個對比相對而言并不十分強烈。
spancss網頁布局的優(yōu)點篇一
矛盾出來了，像我們這些小作坊，基本都是設計布局一人搞定。甚至還有加后臺程序的。假設設計的時候考慮布局了，我們都有這個能力進行調整。但像大公司，分工嚴格的情況下，如果設計師不懂css不會布局。或者理解有誤，那么設計稿就會讓布局人員耗費大量的時間和精力。因為瀏覽器太多！
經常看到有網友抱怨設計師給的稿子無法還原。因為他們對瀏覽器和屏幕的理解不一樣。也有的是因為效果太絢，顏色太多。更有甚者是使用flash制作嫌浪費，而html又雞肋.....好吧，我們拋開這最后一種情況，只談對屏幕和效果以及設計布局的理解。
先談屏幕：
屏幕分辨率，還是以1024×768為主。而滿屏的定義則無從談起。為什么？請看一下原因： 你不能確定用戶的ie裝了幾個插件！插件越多，瀏覽器顯示高度越低！ 你不能確定用戶的顯示器是否設置正確（歪一邊了，弧形的，截斷的，縮小的放大的） 你不能確定用戶顯示器的分辨率是否為最佳分辨率。其典型在于某些寬屏或高屏顯示器，有的是等比例縮小后留白。而更有甚者則是滿屏拉伸。比例就不對了！
要使得網頁滿屏。很多人說寬度1003，也有人說是1004。而我則不這樣認為。
其實滿屏也分兩種，我姑且命名一種為內容滿屏，一種為視覺滿屏！
所謂視覺滿屏，其實是一種取巧的做法。而這種方法。其實很簡單，一個網站的頭部，無非就是導航和banner，如果導航在最上邊，那么，將導航的背景呈100%，導航居中。如果banner在最上邊，那么注意處理圖片兩端，還是100%寬 背景！
ok，雖然內容寬度還有可能是1000、1003、甚至是900或更低，視覺上依然是百分百的寬度，只要避免最小寬度大于瀏覽器寬度、或客戶的顯示器分辨率寬度大于你的.最小寬度。永遠ok。
spancss網頁布局的優(yōu)點篇二
引導語：想要設計一個屬于自己的網站，在開始設計之前應該想好怎么去布局才更加的美觀又合理，以下是小編整理的網頁布局方式，歡迎參考閱讀!
也可以稱為“同”字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。
這種結構與上一種其實只是形式上的區(qū)別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。
這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。
這種類型基本上是出一些網站的.首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分是企業(yè)網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。
所謂“t”結構布局，就是指網頁上邊和左邊相結合，頁面頂部為橫條網站標志和廣告條，左下方為主菜單，右面顯示內容，這是網頁設計中用得最廣泛的一種布局方式。在實際設計中還可以改變“t”結構布局的形式，如左右兩欄式布局，一半是正文，另一半是形象的圖片、導航?；蛘牟坏葍蓹谑讲贾?，通過背景色的區(qū)分，分別放置圖片和文字等。
這樣的布局有其固有的優(yōu)點，因為人的注意力主要在右下角，所以企業(yè)想要發(fā)布給用戶的信，大都能被用戶以最大可能性獲取，而且很方便，其次是頁面結構清晰，主次分明、易于使用。缺點是規(guī)矩呆板，如果細節(jié)色彩上不注意，很容易讓人“看之無味”。
這是一個形象的說法，指頁面上下各有一個廣告條，左邊是主菜單，右邊是友情鏈接等，中間是主要內容。
這種布局的優(yōu)點是頁面充實、內容豐富、信息量大，是綜合性網站常用的版式，特別之處是頂部中央的一排小圖標起到了活躍氣氛的作用。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設計，例如網易壁紙站使用多幀形式，只有頁面中央部分可以滾動，界面類似游戲界面。使用此類版式的有多維游戲娛樂性網站。
這種布局多用于國外網站，國內用得不多。其特點是頁面上橫向兩條色塊，將頁面整體分割為4個部分，色塊中大多放廣告條。
顧名思義，它指采取左右或者上下對稱的布局，一半深色，一半淺色，一般用于設計型網站。其優(yōu)點是視覺沖擊力強，缺點是將兩部分有機地結合比較困難。
pop源自廣告術語，指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用于時尚類網站，優(yōu)點顯而易見：漂亮吸引人，缺點是速度慢。
spancss網頁布局的優(yōu)點篇三
響應式網頁設計是網頁設計的一種技術，可在n多種瀏覽(從電腦到移動電話以致到網絡電視)上閱讀和導航，同時減少放大與縮小、拉伸和滾動。更多的網站設計將會專注于響應式網頁設計，并非獨特風格。這種響應式設計忘記尺寸以便支持多種設備，正適應移動設備的發(fā)展。
扁平化設計發(fā)展迅速。2014年除去繁瑣修飾的簡主義界面設計正是時候。扁平化設計在于兩點：視覺的簡易性，功能的最有性。2013年，蘋果公司的ios7平臺發(fā)布后,多家網絡公司也改動了自己的logo，就連谷歌的首頁logo都扁平化了。
初級前端設計師經常專注于圖片布局，flash制作及javascript腳本。時過兩年，最為領略的是字體設計成為網頁設計的經典。這些web設計益于twitter的疏浚相反框架，twitter的`引導框架中，系統(tǒng)提供了幾種布局模塊及其種類，此時網頁先表達網頁字體，而后表達大批的圖像。
這一趨勢的發(fā)展強烈反饋了當下不斷萎靡的硬件市場。在ipad使用視網膜顯示屏后，蘋果手機以及三星手機視網膜顯示屏的推出就顯得無法避免了。而今，網頁設計師也已經適應了這種新硬件，提供不同的圖像服務，提高了應用程序的識別率，使商品更有美觀。
20世紀初，flash是獨一、完美制作動畫的工具，是動畫效果的領導者。隨著網絡技術的快速發(fā)展，flash漸漸被javascrip等工具替代。對網站的seo來說，這是要優(yōu)化的。多種移動設備已經無法再支持它了，最關鍵的是更新很痛苦，以至于閱讀器常常崩潰。
spancss網頁布局的優(yōu)點篇四
在網站設計中，簡潔的網頁設計可能使用了多種元素來襯托網站內容，但依然還能保持整潔有序的外觀。不過，極簡網站設計是以內容為核心，多余的東西統(tǒng)統(tǒng)扔掉。而簡潔網頁設計則使用了創(chuàng)意和美學元素，在一定程度上，這是可行的。
網頁設計靈動布局之相對自由式示例
我們人類千人千面，但怎么長都不會偏離骨骼。因此，保持了內在的堅固恒久性，外表就一出戲，相對自由式的進行視覺想象編結。布局排版說來很容易，無非就是整理好網頁的元素清單，然后一一放上版面即可。其實就因為自由搭配的方式千差萬別，我們總為最好解決方案心懸一線，其實最后的結果又馬馬虎虎。
優(yōu)秀的排版是構圖、圖片、配色、字體等各方協(xié)調的共同結果，設計其實是沒有規(guī)則可循，審美從來都不在約束內發(fā)生。要想讓整個版式內容豐富又充滿呼吸的空間，需要我們整個的思考方式都流動起來。
一段文字和一張圖片，甚至一個圖標……在你進行布局的時候，由于你的素材并不是立刻手到擒來，你的布局總是喜歡用一個個矩形來代表一段文字或一張圖片，這本沒有錯，但這個做法也會讓你陷入“框架陷阱”。
就像這樣一個布局，只是畫出了一個大致的框架圖，也許你只是想說這只是框架，因為設計規(guī)劃前期很多素材還并不完善。
然而，很有可能你就會因此而將頁面設計成這樣
當然，你會說這樣其實并沒有什么不好，因為幾乎我們所有看到的扁平化網頁都是這個樣式，但可以肯定的是，這個網頁并沒有多少呼吸的空間，整個網頁都被信息所填滿，如果稍微改變一下布局的元素大小和位置，其實就會展示出不一樣的版面效果(下圖)，而很顯而易見后者的排版是更為靈活的。
邊界所造成的局限就是你的思維，你將會習慣在這個框架內去思考解決方案，如果你想要躲過這個陷阱，就是學會越過框架去思考。就算你做好了框架，也要認識到這不過是一個前期的不確定方向的試探，你完全可以改變框架的構造。
很多設計師自詡為美術民工，而覺得自己離藝術家這個范疇越來越遠，其本質的差別就是，工匠只是重復一項勞動，在創(chuàng)造之前它就已經知道了目標。比如設計網頁前，已經知道最終網頁做成什么樣，那么你的工作就僅僅是按部就班完成每個元素的對齊工作。而藝術家則是在事前并不知道結果，往往是一步一試探去尋找更加有效的解決方案，藝術創(chuàng)作類似于一種冒險。設計師其實是取乎其中，也就是兩個身份兼有的理想結合。
這么說也許有點夸張，但任何一件好的平面作品，一定是有焦點的。就像我們談到過，十字準星型的視覺結構習慣將焦點置于中心位置，要制造一個焦點的辦法有很多，簡言之，就是制造沖突。想象你在一個人群稀疏的大廳，突然有兩個人高聲爭論什么，這時引起了幾個人圍觀，這個情景就在原本安靜的人流中制造了一個關注焦點。同樣，在視覺領域也是如此，利用對比沖突應該是一種最有效的制造焦點的方式。
對于焦點的認識我們也不應局限于是一個“點”，它是一塊正吸引你的視線所投射的區(qū)域。它還可以分為實焦點和虛焦點，實焦點是在虛焦點之上更為精準的投射存在。
除了色彩，其他任何屬性都可以經由對比形成焦點，這時你要做的，就是注意焦點不應太多。也因此，除了焦點以外，設計中的其他元素都要保持一種相似性。
這里我們總結一下能用于進行對比屬性，這些屬性之間形成的對比越大，沖突越大。
紋理：細-粗、平滑-粗糙、反光-啞光、滑-黏、銳-鈍
尺寸：大-小、長-短、窄-寬、擴大-收縮、深-淺
顏色：黑色-彩色、亮-暗、暖色-冷色、明度-暗度、天然-人造、飽和(深色)-無色(素色)
密度：透明-晦暗、稠密-稀薄、液體-固體
重力：輕-重、穩(wěn)定-不穩(wěn)定
注：上述內容摘自《平面設計原理》一書
設計師在做設計時，其實并不會將這些規(guī)范提前設定在大腦中，而是經過經驗的積累而形成一種潛在的直覺，這份清單的意義并不是需要你記下它，而是瀏覽完后，在設計的任何場合的提醒。比如一份作品完成后，可以看看究竟焦點是否足夠吸引，哪些元素需要進一步調整。
焦點突出的前提是非焦點區(qū)域的元素盡量保持一致。制造沖突似乎手到擒來，但是要保持一致卻需要步步為營。
例如下圖頁面正中的圖案也是整個頁面的焦點所在
可以看到虛焦點區(qū)域是這個由手繪花朵、幾何圖案數字以及其他手繪圖案組成的這個圖案幾何體，實焦點卻是落在了最大的手繪花朵上。這時，手繪花朵的有機與相鄰的幾何形有了一個對比，這就是幾何形式與有機形式的對比。
最大的實心花朵的尺寸大小剛好和右下方手繪的大腦的尺寸相同，而它們之間也存在色彩與無色彩的對比。
三角的`幾何形與數字的位置剛好都是三角。再仔細觀察整個彩繪花朵的材質和圖中的幾何形以及數字的材質都相同，而與手繪的大腦的繪畫材質有明顯的差別，它們彼此間相互對比，而彼此又有統(tǒng)一。
經過分析觀察，一個焦點的構造也沒有想象那么簡單。如果把對比和統(tǒng)一看作一個天平的兩極，那么所有元素間的關系都是在它們之間取值，此消彼長最后達到平衡。這完全可以看作是一種力學。
如果你的畫面中元素越多，越需要你加強整個畫面的統(tǒng)一的力量。
下面這個設計是由許多小插畫所聚合的一個頁面，一不小心就陷入凌亂，而設計師將這些插畫分為三塊內容，每塊內容用背景色分區(qū)，形成三個矩形，這是形狀的統(tǒng)一。這些插畫的材質和風格也統(tǒng)一，同時插畫的物體所展示的方向也都是往斜下方，也形成了一種統(tǒng)一。因此，你可以看到這個畫面的對比的力量相對較弱，焦點是左邊的矩形這一點沒有人懷疑，而這個焦點里的插畫可以看到是一件男士襯衫和女士襯衫，男女用品的形成了對比。這個對比相對而言并不十分強烈。