衆所周知，網站建設的(de)過程中，用戶體驗和(hé / huò)SEO優化都是(shì)非常重要(yào / yāo)的(de)一(yī / yì ／yí)部分，一(yī / yì ／yí)個(gè)好的(de)用戶體驗網站設計，大(dà)圖片是(shì)占據着重要(yào / yāo)的(de)部分，因爲(wéi / wèi)大(dà)多數吸引用戶的(de)還是(shì)圖片的(de)視覺沖擊力，但僅僅圖片是(shì)非常不(bù)利于(yú)搜索引擎SEO的(de)優化，SEO優化重要(yào / yāo)的(de)是(shì)内容（文字）和(hé / huò)外鏈，這(zhè)與用戶體驗有着一(yī / yì ／yí)定的(de)沖突。所以(yǐ)能設計出(chū)用戶體驗和(hé / huò)SEO優化都能兼顧的(de)網站是(shì)現階段中小型企業的(de)重中之(zhī)重。其實在(zài)網路上(shàng)也(yě)有朋友對此的(de)介紹，但我的(de)思路與其稍微有些不(bù)同，以(yǐ)下介紹的(de)主要(yào / yāo)思路爲(wéi / wèi)拼接。特别适合在(zài)設計行業不(bù)久的(de)朋友。
第一(yī / yì ／yí)、尋找一(yī / yì ／yí)個(gè)不(bù)錯的(de)網頁設計門戶。
現在(zài)的(de)互聯網已經非常發達了(le／liǎo)，各行各業的(de)門戶都有，而(ér)我們網頁設計師也(yě)有自己經常去的(de)門戶和(hé / huò)論壇，其中也(yě)有很多網站是(shì)提供很多不(bù)錯設計的(de)網站，國(guó)内國(guó)外的(de)都有。
第二、尋找适合自身企業的(de)網站，并将其保存下來(lái)。
一(yī / yì ／yí)個(gè)網頁設計師，往往在(zài)設計之(zhī)初，根本就(jiù)不(bù)知道(dào)如何設計出(chū)BOSS們喜歡的(de)頁面。這(zhè)也(yě)是(shì)今現今很多網頁設計的(de)朋友頭痛不(bù)已的(de)一(yī / yì ／yí)個(gè)問題。其實剛開始你不(bù)用想太多，你隻需要(yào / yāo)知道(dào)網站内的(de)圖片和(hé / huò)文字信息一(yī / yì ／yí)個(gè)都不(bù)能少。然後用半天時(shí)候去看網頁設計門戶裏面不(bù)錯的(de)網站。覺得不(bù)錯的(de)你就(jiù)截屏下來(lái)，保存到(dào)本地(dì / de)。當你看了(le／liǎo)N多網站之(zhī)後，你會發現，你腦子(zǐ)裏的(de)靈感一(yī / yì ／yí)下子(zǐ)冒出(chū)來(lái)許多。當然，除非你根本就(jiù)不(bù)喜歡設計。
第三、再次浏覽你保存下來(lái)的(de)網站，在(zài)腦中構思出(chū)新站的(de)布局。
當你保存了(le／liǎo)你很多你覺得不(bù)錯的(de)網站，你再對其浏覽一(yī / yì ／yí)遍，在(zài)腦中構思出(chū)新站的(de)布局。頭部是(shì)怎麽樣，導航如何，Banner位置，經營範圍，案例，新聞咨詢等等。
第四、在(zài)保存下來(lái)的(de)網站内，找出(chū)符合你腦中網頁布局的(de)各個(gè)零件。
相信在(zài)你腦中對新站有了(le／liǎo)大(dà)概的(de)布局了(le／liǎo)，這(zhè)時(shí)候你需要(yào / yāo)做的(de)就(jiù)是(shì)在(zài)你保存下來(lái)的(de)頁面當中找出(chū)适合你腦中布局的(de)各個(gè)零件（如：頭部、導航、Banner、經營範圍、案例、新聞資訊等。）
第五、對拼出(chū)來(lái)的(de)布局圖進行美術處理。
當你已經拼出(chū)了(le／liǎo)布局圖，當然，這(zhè)不(bù)是(shì)我們要(yào / yāo)的(de)最終設計圖，這(zhè)時(shí)，我們就(jiù)需要(yào / yāo)對其進行美術優化，并将其内容換掉，以(yǐ)及顔色，空隙、Banner大(dà)圖的(de)設計調整到(dào)我們理想的(de)樣子(zǐ)。
第六、根據首頁設計内頁。
對于(yú)設計者來(lái)說(shuō)，首頁出(chū)來(lái)了(le／liǎo)，内頁就(jiù)簡單了(le／liǎo)。你也(yě)可以(yǐ)以(yǐ)類似的(de)方法。當然要(yào / yāo)和(hé / huò)首頁統一(yī / yì ／yí)起來(lái)。特别是(shì)頭部和(hé / huò)底部的(de)統一(yī / yì ／yí)。
