雖然UI模式有助于提升熟悉感，風(fēng)格指南才能確保全站統(tǒng)一。
風(fēng)格指南是一部手冊，列出了產(chǎn)品的特殊偏好，這些部分很難記憶比如全站內(nèi)容的尺寸和字體、主導(dǎo)航的主色與輔助色的顏色梯度、按鈕點(diǎn)擊狀態(tài)的表現(xiàn)，等等。在UXPin，更新網(wǎng)站時(shí)我們會(huì)創(chuàng)建風(fēng)格指南。這能幫助我們估計(jì)出額外的工作量，因?yàn)槲覀兛梢园褞в屑夹g(shù)細(xì)節(jié)的截圖添加到公司內(nèi)部wiki中。正如我們在從風(fēng)格指南到效果圖中描述的，這種拼拼湊湊的方法對于簡易的風(fēng)格指南非常有效，可以分享給整個(gè)公司。
我們在網(wǎng)頁UI設(shè)計(jì)最佳實(shí)踐中充分討論了風(fēng)格指南，包括如何制定、需要包含什么。
模塊化只是我們對于過去一直使用的技術(shù)、方法的一個(gè)新潮的稱謂，就像Ajax。不過做為頁面重構(gòu)發(fā)展的一種趨勢，越來越被大家重視，不自覺也滿口的模塊化，只是你真的理解什么是模塊化嗎？
留白創(chuàng)意空間
在好的中我最留意的是那些對設(shè)計(jì)元素之間留白的聰明運(yùn)用。留心不同內(nèi)容區(qū)塊之間的間距和排列方式，能讓你的設(shè)計(jì)的整體感官大不一樣，從而提升設(shè)計(jì)的品質(zhì)。
創(chuàng)意空間
我覺得處理好留白的關(guān)鍵是從整體上感知設(shè)計(jì)元素。把設(shè)計(jì)稿縮小觀看會(huì)是個(gè)好辦法。頁面整潔而有開放感，全都得益于設(shè)計(jì)師對文字和圖像之間留白量的準(zhǔn)確把握。
CSS浮動(dòng)屬性Float詳解
什么是CSS Float？
float 是 css 的定位屬性。在傳統(tǒng)的印刷布局中，文本可以按照需要圍繞圖片。一般把這種方式稱為文本環(huán)繞。在中，應(yīng)用了CSS的float屬性的頁面元素就像在印刷布局里面的被文字包圍的圖片一樣。浮動(dòng)的元素仍然是網(wǎng)頁流的一部分。這與使用絕對 定位的頁面元素相比是一個(gè)明顯的不同。絕對定位的頁面元素被從網(wǎng)頁流里面移除了，就像印刷布局里面的文本框被設(shè)置為無視頁面環(huán)繞一樣。絕對定位的元素不會(huì) 影響其它元素，其它元素也不會(huì)影響它，無論它是否和其它元素挨著。