推 capsde:謝謝您 提供不少可資參考的意見 感謝! 08/06 11:44
推 grassboy2:推一個！好精僻啊!!!!!! 08/06 16:39
推 danial:好專業喔~ 你為什麼那麼厲害? 08/06 17:47
※ 編輯: ACQVV 來自: 59.124.57.189 (08/07 08:50)
(恕刪)
前面推文 有部分版友提到關於瀏覽器支援的問題
那是跟部分程式相關 在這邊就不多提
以下是小的針對網頁排版美工部分粗淺的見解
1. 首先 目前電腦螢幕的呈現大部分的使用者都開始邁向1024*768
但是仍有部分使用者習慣800*600
所以如果是使用表格製作框架
可以一開始拉一個兩欄總寬度為900-1000之間的表格
置中以後將左邊的欄寬設定為800
這樣 你可以將比較重要的東西放在左欄中呈現
次要的東西放在右欄中(例如小廣告小說明或者是比較次要的消息)
這樣一來可以增加你表現的空間 二來可以塞進去更多資訊
可以讓整體空間 視覺上更寬闊 也顧慮到不同的使用者
2. 關於字體的部分 可以做部分的改小 改粗 分出層次等級
我們來研究一下YAHOO的新首頁
http://tw.yahoo.com/preview.html
第一 用色統一
第二 字體偏小
因此建議 可以主要標題使用粗體 深色
內容用同級的字體 淺色 #333333 #666666 #999999 都是可以充分表現質感又好搭的色
因為你的版面 字體都等大 等粗
光是排版上就分不出主客 給人一下子重點太多 讓人覺得不夠分明
可以參考這個網站公告的部分(notice) 就是使用這種手法 分出主客和層次
http://www.dooreedu.com/
另外一種方式是原PO有使用的圖片標題
因為原PO有使用在這邊就不多說明
建議的部分是
圖片標題的美工
其實 不一定要用到強烈的圖騰 色彩來突顯
因為這個版面的色很多(下一點會深入說明)
建議可以使用跟底色相同的色來當底 然後再加上一點點的小變化
可以繼續參考剛剛那個網站(NOTICE V.S. FIND FILE)看起來既大方又乾淨
很適合想做清爽版面的人參考
3. 網頁用色
首先 我必須先澄清 我不是惡意批評
只是 我個人的淺見
第一眼開啟網頁看到的一定是色彩
所以 主色會帶給使用者很多訊息(關於色彩心理學就太複雜了 請自行上網查閱)
但是我個人覺得原PO使用太多強烈色調
因為這個版面比較小 想提供的訊息又如此繁多
顏色就是很重要的關鍵了
首先黑色是很容易讓人產生印象的顏色
因此 一個頁面盡可能不要使用大量的黑色
除非你是黑底 那就需要很多很強烈的色彩來豐富面板
因為原PO老闆需求比較偏向清爽 乾淨的感覺(個人推測)
因此 建議前面所提 次要文字的部分改成更淺的顏色(不要淺到看不見就可以)
框架內的每一個點 前面又使用不同色的方塊
原PO本來是好意區隔 在這邊卻顯得畫蛇添足了
其實還是可以用不同色 但建議使用淺色
以下這個網站提供參考他的配色
一樣的主客分明 並利用淺色塊作區隔
http://www.audi.co.kr/
4. 另外 因為不知道原PO使用什麼編輯器
如果有使用Dreamweaver可以多使用圖層的功能 建立出畫面的層次
可以讓畫面更有立體感和變化
如果會flash當然更好
可以把上面的logo改成具有小部分flash的動畫 讓整體畫面更加分
下面這個網站提供參考http://www.bukp.or.kr/
關於flash的部分有flash版可以參考
網路上也有不少論壇
這樣的效果 對自學者來說 不算太困難 多爬點文就會了
5. 最後 關於網頁開啟的部分
希望原po能將內置框架內的連結改掉
不太適合在內置框架內開啟
可以選擇 開啟新視窗target="_blank"
如果不想開啟過多視窗可以使用target="_parent" 在同頁開啟這類的語法
我想應該比較恰當^^
希望以上能對原po有一點小小小小的幫助
以上是個人的淺見
如果有任何言詞上的冒犯很感到抱歉
因為不是一個太會說話的人 這也是我在這個板上的第一po
希望多多見諒^^"
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.124.57.189