[心得分享] [分享] 如何要做好一個網頁

本帖最後由 rc_90_2000 於 2015-5-4 13:04 編輯

一個好的網頁,是需要有設計的。
所以要做好一個網頁,必須要先懂得網頁設計。
那麼一個好網頁設計要有什麼步驟?

1 你必須要先做好內容撰寫。什麼是內容撰寫?
- 這是一個關鍵。內容撰寫意味著使用者來到網頁時可以獲得的資訊。資訊科技其實是以資訊為本的,科技為其次。沒有做好內容撰寫,一切也是徒然。
- 關於內容撰寫,本人從事了網頁設計8年來的經驗,有一個結論。要做一個好的網頁內容撰寫,不是隨心隨意的。有一套針對著網頁設計的撰寫標準。不賣關 子,那就是SEO,關鍵字搜尋優化。針對著網頁設計的撰寫標準,我們應該把關鍵字,放到網頁文章字段的第一段,如果在文章首段位置沒有關鍵字,那麼內容撰寫得再好,也得不到好處,因為根本可能很難會有人看見你的文章。例如,我的文章是介紹花,但文章的首段一個”花”字也沒有,使用者就難於搜尋器搜尋”花” 會出現你的網址,你的網址就很少機會會有使用者瀏覽。

2 當已經做好內容撰寫。下一部就是,線框,功能與佈局。
- 現時香港很多的所謂網頁設計,都是沒有這些的。如果在一些所謂網頁設計公司的網站上看到,明碼實價的定價設計服務,那些公司不旦不會做線框與佈局,甚 至根本連設計也沒有。只是隨隨便便的叫人安裝一套網頁軟件類似的東西。一鍵安裝完畢了就叫做網頁設計了。這是業界的悲哀。忽略了線框與佈局,更不用說有沒有設計了,這樣的不會是一個好網站。那麼,什麼是線框與佈局?

- 線框與佈局是什麼的東西,我們可以試試看畫一個網站地圖出來。

- 線框與佈局做好了,那麼功能是什麼?功能就是我們開發一個網站很需要去為一個網站,定下網站的用途及功能列表。目的是為未來在開發時,得到一個清楚的 系統開發目標。如果我們沒有事先定好了一套完整可運行的功能列表,在開發時才不斷加插作出修正,這樣的情況下做出來的”東西”(我們叫系統),會很容易出 現一些非預期的問題,會令系統無法正常運作。

- 樓上這樣的一個就是網站地圖了,做個的目的是為了方便為使用者得到更短的時間找到想獲得的資料。但這個並不是全部,我們還需要做頁面上的線框與佈局(wireframing) :


- 這樣一來就完成了網站線框與佈局了。其實網頁設計要做得好,並不是一開始直接做圖像設計畫出網頁的樣子的。線框與佈局可能讓我們略去內容文字同圖片的影響,清昕地看到網頁上的什麼的位置可讓使用者獲得什麼資訊。最後才上色做圖像的設計,設計出網頁的面貌。


- 有了一切的設計面貌,系統功能列表,才匯出成網頁(上圖的案例 : http://demo.sam-style.com/groupbuy/),餘下的就交給開發人員去做系統開發,這才是一個完整的網頁設計流程,才可獲得用途清晰,可靠,真的能完整運作的的網站。

- 很多時,我聽到很多討論區的人留言說,找了某某公司做了網頁,很久也沒有交貨,爛尾,或失敗了系統不能成功運作之類。很多時都是因為當中忽略了以上一些的工序。

來源: Sam's Blog

支持分享
不過篇文章好亂, 明明講網頁設計一開始又講 SEO, wireframe 又只係一篇圖就當解釋完....

TOP

睇得個網主頁好大進步, 我幾鐘意呢種盡用Screen size既idea,
但係都係要留白架, 設計好多規律有佢既原因, 你可以唔死跟, 但要達到類似既效果

先唔理視覺問題, 我cursor要移到視窗最頂或最底先可以睇到全部縮圖,
如果唔係, D圖會暗左, 好難明你個網想點
我1333*768 screen入面, 你右下角會有個空格,
即使我指住呢個空位, D圖依然係暗左, 其實真係幾困擾

http://www.sam-style.com/career/
另外你呢頁D色都幾大鑊, 細淺灰字配淺藍底,
你寫左八年網頁, 我應該細過你, 但我都睇得好辛苦
仲有D大細階

TOP


樓主唔好唔記得favicon 依樣野,我成日都覺得依d細微細眼位好重要,尤其係自己網站

TOP

多謝師兄,讚好

TOP

小弟又想請問,如何學習設計?

TOP

小弟又想請問,如何學習設計?
da7lee 發表於 2015-4-22 20:46


冇得學習
要靠自己日積月累

TOP

又唔可以話無得學, 顏色對比、光暗、字型、空間等基本野都可以學下
可參考下: https://medium.com/@erikdkennedy ... part-1-559d4e805cda

有左基本概念之後,可以睇下別人的網站,留意下佢地以上元素的運用,又睇下其他 designer 的設計背後的理論,試下用番係自己設計裏面。呢一 part 就要浸下啦。

TOP

本帖最後由 rc_90_2000 於 2015-4-23 14:54 編輯

回覆 6# da7lee

這個我係無師自通。
但我做左8年了。
但如果講做網頁設計,很多新人入行,都會犯下一個錯誤,包括我自己也不例外,就是一開始做,就打開一張白紙來畫。這樣做不是不行,但會很難找到方向的。

但以上的分享,只合用於網頁設計的步驟,如果你的職能不是從事網頁設計,步驟就會不同出來。
例如:出身/職能在於程式編寫的人,他們會先度好DB設計,功能同API 設計,用那一套framework, plugin 都會一一度好,才會去做一個系統。因為他們有足夠的經驗可以預計得出做的當中會遇上什麼問題,可在估計/想像出一個完整的工作流程,才能在做之前事先度了一切才行事,會這樣做的人才是專業的。

--------------------------------------------------------------------------

TOP

本帖最後由 gserli 於 2015-4-24 08:06 編輯
小弟又想請問,如何學習設計?
da7lee 發表於 2015-4-22 20:46

最重要係肯試
如果你肯好似樓主咁,俾心機幫自己寫個網,慢慢都會建構到自己一套玩法

有時為自己興趣,抄考下人地都無妨,抄下抄下可以學到好多野
得閒有咩無聊野又可以試下

via HKEPC Reader for Android

TOP