設計師怎麼做一個個人設計網站？

01-06

如何註冊域名，什麼方式編輯網站

我周圍的同學很多人都在用squarespace，在上面註冊，然後用他們提供的模版，從裡面選一個你自己喜歡的，然後就根據自己的喜好進行排版。squarespace上面有比較詳細的使用教程，操作界面也比較一清二楚，算是周圍同學反饋回來的用的最好的一個網站平台。

註冊自己域名的話我記得是要在squarespace交年費，然後就可以自己改域名了。

怎麼編輯網站的話，如果你打算用squarespace，還是需要自己花一些時間去自己摸索的，我當時是花了兩個晚上一個一個操作試過來的，所以就加油吧。

下面是給你一些例子參考：

@SAI JIAO 網站：http://www.saijiaoarts.com/

@Binbin 網站：http://www.xiaobinli.com/

我的網站：http://www.junjunshi.com/

希望可以幫到你，加油！期待看到你的網站:)

忍不住更新一下：

剛剛發現 http://jamesxu.wang/ ，一個三流設計師，拷貝我的網站

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

下面是正經回答：

同是設計師。我自己的網站運行了一年多了。來談談經驗

你需要做的，是這麼幾個步驟：

1. 申請（購買）虛擬主機。

只要是網站，就需要有伺服器來運行。早期個人站點時代，很多人用自己的電腦當伺服器，現如今幾乎沒人這麼幹了，因為用自己的電腦做伺服器，不僅需要24小時待機，配置很多設置，同時對電腦的硬體和操作系統也有要求，而且對自己的電腦會有安全隱患。現在做個人網站或小的公司網站，大家通常都會選擇購買網路服務商的虛擬主機，說白了就是租用別人的一塊伺服器（空間）。

2. 購買域名

上一些主流的域名商網站，看看自己想要的域名還在不在了。建議別起的太突兀，而且注意，域名是由使用年限的。

3. 域名解析。

做好了前兩步，等於說你在這個茫茫互聯網上有了自己的一個房間，和一塊門牌號。接下來你要將這兩個東西連起來才能讓別人找到你，也就是「域名解析」。通常，提供虛擬主機的服務商會同時提供域名解析的服務。你所要做的，只是在它的配置項裡面，把你的域名填進去（不是什麼高難度的操作）

4. 設計一個主頁。

如果題主懂一些最基本的Html和CSS，可以先簡單寫一個index.html用作你的網站首頁。

如果不太懂，可以在網上找模板，但是建議先學一點，因為要搭建自己的站點，這些都還只是基礎知識。

5. 上傳網頁

將自己的網頁文件傳到虛擬主機的空間里，才能讓別人訪問到。這時需要用到FTP工具，這是連接你自己的電腦和伺服器之間的橋樑，把你做好的index.html上傳到屬於你的空間里，同時配置好首頁的指向，別人就能訪問到你的頁面了。

FTP工具，推薦首選Filezilla。

最基本的步驟就是這樣，如果還有興趣，可以再聽我嘮叨兩句：

· 根據你目前的自身定位，來選擇購買虛擬主機和域名。

如果你只是想練練手，學學網頁設計，那麼建議選用國外的虛擬主機，godaddy、bluehost等等，便宜、不用身份備案，缺點是偶爾不穩定。

如果你想長期在互聯網上有自己的一畝三分地，放作品、放照片、寫博客，那麼建議選用國內大廠的虛擬主機，速度和穩定性有保障。至於我自己，域名和空間都用的阿里雲的。只是初始的時候需要身份備案，稍微麻煩些。

· 想寫博客的話，不用考慮，就用wordpress好了。全球最大的博客程序，分分鐘安裝在自己的空間里，網上手把手的教程多到泛濫。

· 自己的設計作品，還是建議放在專業的設計網站上面。一是好打理，二是可以收到來自同行的反饋。

· HTML和CSS是必須技能，額外掌握一些Javascript會非常有幫助。設計師的網頁，總得有點自我風格，這幾個技能不會的話，網頁設計就無從談起。這幾個技能作為目前設計師寫代碼的三件套，都是屬於易於掌握，難於精通的那種。反正稍微學學就會大有裨益。

· 目前也有一些方法，可以在無需自己寫代碼的前提下製作個人網頁，比如Behance推出的prosite服務等等，我看到不少國外大神級設計師，都是用的這個。具體我沒體驗過，希望有用過的人普及一下。要我說的話，如果設計師對自己的網站沒有太高要求，其實選擇這類服務也不錯。大公司的服務，至少可以保證你的網站在穩定性、通配性上有可靠的保障。自己動手做網頁，確實可以操控幾乎所有細節，滿足設計師的強迫症，但是，也要做大量的工作以保證所有訪問者都能穩定的看到你的網頁，然而這項工作，實際上特別的費心費力。

最後，挑一些我覺得值得推薦的國內外的設計師主頁，一起觀摩：

http://schlem.me/ Google的首席動效設計師

http://sebastien-gabriel.com/ Google, Chrome的UI設計師

http://www.mazakii.com/ 插畫家

http://jackietrananh.com/ 挺年輕的一個設計師

http://www.nodyoung.com/ 好像是鎚子科技的藝術主創，也可能記錯了，希望好心人幫我指點

哦對了，自己的 o_&<

http://fangyexu.com/

建議在電腦上用Chrome、Safari、極速模式的360瀏覽器來訪問。適配性做的不算太好，抱歉了

目前的狀況是，帶帶拉拉做了一年多，每周都會維護和更新，現在平均一天訪問IP十幾個到二十幾個不等（哭了，真就是這麼點），但是這個過程卻很有意思，而且給我的工作帶了意想不到的巨大好處和方便。

希望早日看到題主的作品。

推薦一個Adobe准官方的：Adobe Portfolio

Adobe ID可以登錄綁定Behance（對，Behance是Adobe自家的平台），Portfolio上建自己的個人網站是自動抓取Behance作品集的，省去二次上傳的麻煩。

優點：用Adobe自家的伺服器和產品；自動同步Behance作品集；方便擴廣設計師圈。

缺點：Adobe的伺服器連接確實有點慢，Portfolio也才運營不久，小問題不少。

這是我的個人站：Dali"s Home

這是我的Behance：Behance

遺憾的是應該不再更新設計作品了

買伺服器。有一些伺服器提供商會提供免費域名的，所以把買伺服器放在第一步。
如果選中的伺服器提供商沒有提供免費域名，就買一個域名。
解析域名。

以上三步在很多地方都能找到詳細的解釋和指路牌，就不贅言了。完成之後你就有了一個「店鋪鋪面」（伺服器），一個「店名」（域名），別人可以通過這個在搜索欄中輸入這個店名來到你的店鋪。之後的部分是有關如何裝修店鋪

通過HTML/CSS/JS，一磚一瓦自己搭建裝修。
通過諸如http://wix.com之類的網站創建助手創建，通常需要付費買模板或者付費去廣告。
如果不想學HTML/CSS/JS，又不想花錢買模板，那推薦adobe muse。這是一個可以像做PPT一樣做網站的軟體，各種控制項直接拖拽，點擊/hover等事件都可以輕鬆在純圖形化界面中設置。15年我用的時候還沒有自適應的功能，現在muse升級了，已經可以自動自適應，還有很多好用的開源的widget。當然後來我也是自學了html/css/js，因為這樣可以添加自己喜歡的動效。adobe muse 還有一個好處是可以生成有效期一個月（以前是這樣的，不知道現在還有沒這個功能）的可訪問臨時鏈接，如果僅為短時間內展示，通過這個鏈接就可以不用買域名和伺服器了。只是這個鏈接是隨機生成的，比較長，不好記住。

以上~

富士康蔣公子的個人簡歷----------------foxconn88.com,

一個既不是設計師出身，也不是計算機專業畢業的個人網站，

但是綜合素質還是可見一斑的

我是做網站開發的，可以和你一起做這個事情

http://about.me

我也是從UI設計，慢慢轉型自己設計網站。

看了知乎上很多帖子，還是混沌狀態，

不過這期間我學習了html和CSS以及JS的入門，同時購買了自己的域名,

然後就是最艱難的一步，就是購買空間了，

之前在阿里上買的空間還得構建啥的，實在費勁，最後也沒搞成功，於是在某寶上買了香港的空間，然後解析，同時參照其他優秀的網站。都可以通過谷歌瀏覽器查看源代碼以及載入的JS，CSS等。作為參考，學習最重把自己的網站做成功了。

後續在考慮用bootstrap來重新書寫一些其它的頁面，現在就有幾個頁面，整體嘗試下來還是很有成就感的。

附上個人設計網站Gongwen－a Web Mobile User Interface Designer