建站常識
Blog設計的7個趨勢
2006-02-10 22:02:00
原文:http://webleon.net/2006/01/blog7.html
cre8d design blog里有一篇關于Blog Design Trends的文章,例舉了目前Blog設計方面的7個趨勢。這些趨勢已經在很多的國外Blog中被廣泛應用。
- 大字體(Big fonts):
11號Verdana字體已經過時,大字體的標題和正文重新流行。如Garrett Dimon’s blog或Whitespace都使用了大字體。在傳統(tǒng)的西文網(wǎng)站中,字體過小的情況的確比較普遍。對中文網(wǎng)站來說,12px的大小個人覺得還是不錯。而在Blog中,再大一點的字體也許可讀性更強,要不要把我的Blog正文字體改為13px?
- 頂端粗邊線(Top border):
這是一個很細小的裝飾,但的確很流行,那就是在網(wǎng)頁最頂部加上一條100%寬度、5或6pt高的邊框,就像 A List Apart、Tech Crunch、Whitespace和Giga OM那樣。這樣的橫條雖然基本不影響瀏覽,但是的確很有現(xiàn)代感,我個人也很喜歡,但是這種設計似乎在中文網(wǎng)站中還較少見。
- 超大的頁首和頁尾(Big headers/ footers):
例子如Juque、Read/Write Web、Business Logs、The Hot Crew,使用高對比色和超大文字圖片來凸顯頁首和頁尾。這個趨勢很有張揚個性的意味在其中,在國外的設計類和藝術類Blog非常多件,從這個部分來說,國內的Blog設計顯然還比較保守。不過我相信在2006年會有很多這樣設計的中文Blog出現(xiàn),因為Blog將為更人用來展現(xiàn)自己的個人風采。
- 明亮的色彩搭配區(qū)塊及顏色的漸變:
9rules、Blinksale、Serene Green、Fruitcast都使用了大量這樣的元素。這類效果對整個頁面搭建及藝術配色都有比較高的要求,不過最終的效果的確是非常的炫目。希望能見到越來越多國內的網(wǎng)站也能作得那么漂亮。
- 對話氣泡框住的回復(Speech bubble comments):
回復部份的個性裝飾,例如hicksdesign和Digg。Digg的回復框令人印象深刻,不過我覺得這樣的設計還是要配合整個網(wǎng)站的風格效果才比較好。
- 圓角(Rounded corners):
用CSS而不是圖片來實現(xiàn)各種各樣的圓角,具體的技術細節(jié)A List Apart有介紹。圓角很好看,不過用起來還是要花小小的功夫。
- 高亮鏈接(Highlighted links):
不用下劃線,而是用鼠標劃過以后的背景色改變來表現(xiàn)超鏈接。呵呵,我的Blog就是例子。的確可以提高超鏈接的可讀性和整體頁面效果。
這些趨勢又一個共同的特點,就是針對較短篇幅的文字進行閱讀體驗的優(yōu)化,值得所有的Blogger借鑒,更值得BSP學習。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2009-11-27 11:40:00] 一個網(wǎng)站的禮儀
- [2009-10-13 08:01:00] 再談網(wǎng)易首頁的改版
- [2009-12-19 10:06:00] 瞬間設計(三)
- [2010-08-25 15:55:00] 面向用戶,管理功能前臺化
- [2009-12-19 09:39:00] 「風格」與「設計」
- [2006-09-25 12:16:00] 關于網(wǎng)站品質
- [2009-11-12 08:31:00] 使用Title提升可訪問性二
- [2006-04-20 10:28:00] 建站基礎,什麼是靜態(tài)網(wǎng)頁
- [2010-11-03 16:12:00] Icon設計要點——信息傳達的準確度(一)
- [2009-12-12 08:54:00] 交互設計有效性之操作入口明確
- [2009-08-28 22:21:00] UE學習筆記:Tag Tag(上)
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
營銷型網(wǎng)站建設 蘋果系統(tǒng) 網(wǎng)站開發(fā) 網(wǎng)站設計趨勢 青島網(wǎng)站SEO 企業(yè)網(wǎng)站 力圖 青島高端網(wǎng)站建設 H5定制設計 集團官網(wǎng) 青島網(wǎng)站營銷 如何做網(wǎng)站優(yōu)化 php程序 海信網(wǎng)絡科技 css 網(wǎng)站交互設計 微網(wǎng)站 良好的導航 網(wǎng)站品牌 新的元素 青島輪胎網(wǎng)站設計 青島網(wǎng)絡公司 舒適的界面 網(wǎng)站優(yōu)化 青島網(wǎng)站案例 網(wǎng)站規(guī)劃 英文網(wǎng)站建設 青島網(wǎng)站建設 微官網(wǎng)帶來的好處 官網(wǎng)建設