建站常識
網(wǎng)站設計的思考之網(wǎng)站首頁的設計技巧
2006-07-13 07:51:00
在我們全面考慮好網(wǎng)站的欄目,鏈接結構和整體風格之后,我們就可以正式動手制作首頁了。
有這么一句俗語:"良好的開端是成功的一半"。
在網(wǎng)站設計上也是如此,首頁的設計是一個網(wǎng)站成功與否的關鍵。人們往往看到第一頁就已經(jīng)對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續(xù)點擊進入,是否能夠吸引瀏覽者留在站點上,全憑首頁設計的"功力"了。
所以,首頁的設計和制作是絕對要重視和花心思的。阿捷的經(jīng)驗是:一般首頁設計和制作占整個制作時間的40%。你寧可多花些時間在早期,以免出現(xiàn)全部做好以后再修改,那將是最浪費精力的事。
這里,先插一個“封面”的問題。封面是指沒有具體內容,只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。
是否需要為站點設計一個“封面”?阿捷的個人觀點是:沒必要!
除非你是很藝術類的站點,或者可以確信內容獨特,可以吸引瀏覽者進一步點擊進入的站點,否則的話,封面式的首頁并不會給你的站點帶來什么好處。我們上網(wǎng)瀏覽需要的是快速,有價值的信息,如果等待xx分鐘,只顯示出一個粗劣的“ENTER”圖標,那么相信沒有人會再耐心等待進入下一頁。
因為首頁的重要性,阿捷將著重用8篇文章來仔細討論有關首頁設計的方方面面,大致提綱如下:
○版面布局的竅門
○色彩的搭配
○字體的設置和表格的嵌套
○細微之處見功力
○考慮不同的瀏覽器和分辨率
○設計好你的banner和位置
○meta標簽的重要性
○首頁設計的小建議
今天,只是關于首頁設計的一個引子。讓我們來大致了解一下首頁設計的步驟。
首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?一般的步驟是:
●確定首頁的功能模塊
●設計首頁的版面
●處理技術上的細節(jié)
一).確定首頁的功能模塊。
首頁的內容模塊是指你需要在首頁上實現(xiàn)的主要內容和功能。一般的站點都需要這樣一些模塊:
網(wǎng)站名稱(logo), 廣告條(banner), 主菜單(menu),
新聞(what's new), 搜索(search), 友情鏈接(links),
郵件列表(maillist),計數(shù)器(count), 版權(copyright).
選擇哪些模塊,實現(xiàn)哪些功能,是否需要添加其他模塊都是首頁設計首先需要確定的。
二).設計首頁的版面
在功能模塊確定后,開始設計首頁的版面。就象搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,就看你的創(chuàng)意和想象力了。
設計版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然后再用網(wǎng)頁制作軟件實現(xiàn)。
三).處理技術上的細節(jié)
阿捷經(jīng)常收到的來信問題就是:我制作的主頁如何能在不同分辨率下保持不變形,如何能在IE和NC下看起來都不至于太丑陋,如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章里為大家詳細介紹。
首頁設計是整個網(wǎng)站設計的難點和關鍵,阿捷希望能夠通過和大家的交流,總結出一套較為合理易學的設計方法,從而舉一反三,使我們能夠更加輕松的完成整個站點的設計制作。如果你愿意將你的心得體會和大家分享,請來信ajie@soim.com,謝謝!
近期更新
- [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)站設計都有哪些新的趨勢?
延伸閱讀
- [2006-04-20 10:27:00] 建站基礎 將網(wǎng)頁上傳到服務器
- [2007-11-23 10:54:00] 三維化衡量產品的用戶體驗
- [2009-07-07 08:03:00] 產品設計8條基本原則
- [2009-05-08 08:13:00] 優(yōu)異的靈活性
- [2005-12-29 21:29:00] 國際網(wǎng)頁Web設計流程
- [2009-10-11 22:29:00] 記事本風格的分欄設計
- [2016-09-01 14:40:52] 逆天的iphone7的價格及概念設計
- [2019-05-20 10:03:27] 響應式網(wǎng)頁設計中導航的走向
- [2015-11-25 14:05:54] 尋找設計靈感的時間軸案例
- [2009-09-29 22:13:00] 改版,可以讓設計先行
- [2007-11-26 18:09:00] 與用戶體驗的這兩年
解決方案
輪胎行業(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關鍵字
SEO 青島高端網(wǎng)站建設 搜索引擎蜘蛛 網(wǎng)站交互設計 青島輪胎網(wǎng)站設計 青島做網(wǎng)站多少錢 企業(yè)網(wǎng)站建設 青島網(wǎng)頁設計 審美 H5專題頁面 網(wǎng)站的速度 高端輪胎網(wǎng)站設計 網(wǎng)站設計趨勢 網(wǎng)站策劃 手機網(wǎng)站 H5定制設計 力圖 青島網(wǎng)絡公司 css html和css 企業(yè)建站 集團官網(wǎng) 青島網(wǎng)站SEO 微信營銷的優(yōu)勢 膠南網(wǎng)站建設公司 手機端的網(wǎng)站 IT資訊 青島高端網(wǎng)站建設公司哪家好 英文網(wǎng)站建設 插畫