[資源整理]關於前端設計的那些博客兒~

HTML 和 CSS 基本都粗略地學過一遍了,接下來無非就是不斷地練習總結(自內而外),以及閱讀他人的博客(自外而內)了,所以利用今晚的時間,稍微整理一下我常常關注的博客/網站等。前端

由於本身是設計專業(工業設計)出身,更加關注前端偏設計的方面,所以以前以及將來至關一段時間內都會之前端偏設計爲主(偏後端的語言只學過一點 C 和 python),本身平時關注的博客也主要是這方面的內容。python

關於設計

關於設計方面,在互聯網行業常常會看到這幾個詞:UE/UX、UI、UCD、UED等,引用知乎的一則回答後端

UCD:全稱爲「User-Centered Design」,即以用戶爲中心的設計,是一種設計理念和設計思路。網絡

UE:全稱爲「User Experience」,即用戶體驗,通常是指行業分類。
UI:全稱爲「User Interface」,即用戶界面,通常是指行業分類。ide

UED:全稱爲「User Experience Disign」或「User Experience Disigner」,即用戶體驗設計或用戶體驗設計師,是設計的一個分類或設計職位。
UID:全稱爲「User Interface Disign」、「User Interface Disigner」,即用戶界面設計或用戶界面設計師,是設計的一個分類或設計職位。wordpress

原文的回答少了一點,關於 UX:其實 UE 和 UX 都是 User Experience 的縮寫,前者是首字母,後者是發音,通常國內更經常使用 UE。動畫

博客資源

撇開傳統的設計領域,設計博客通常分爲兩種,一種更加關注界面(追求好看),一種更加關注邏輯(追求好用);前者一般是 UI 設計師(俗稱美工)乾的事,後者一般是交互設計師乾的事兒。所以按照這樣的邏輯,搜索了一下網絡上現有的資源,結合本身平時的積累,分爲兩類:網站

UI

純粹追求好看,想提升本身審美水平的,能夠關注的網站有:ui

  1. Dribbble: https://dribbble.com/
    UI 方面的東西更多一些,有不少世界知名的設計師在上面。idea

  2. Behance: https://www.behance.net/
    平面設計領域的東西更多一些。

  3. 站酷:http://www.zcool.com.cn/
    設計領域作的比較用心的一家,國內不少設計師都在上面,站酷和不少其餘網站同樣都是靠圖(Dao)片(Ban)起家,不過這幾年轉型和定位都作得很不錯。

  4. 優設:http://www.uisdc.com/
    它的性質更相似於種子/帖子集合站,有不少 psd 源文件可供下載,以及一線互聯網設計師的文章。

關於上面的四個網站,其實我以爲國內的更加接地氣,也更實用,畢竟二道販子每每會結合國情對一手資源作進一步的整合;按期瀏覽國外的網站,關注設計的趨勢和潮流,保持本身的敏感度。

UX

關於用戶體驗/交互設計方面的文章,這方面關注各大公司的 UED 博客爲佳,基本就是BAT、新浪、網易、搜狐等:

騰訊系:

  1. AlloyTeam: http://www.alloyteam.com/
    應該是老團隊了,主要負責 QQ 方面的開發,更新很勤快,內容偏代碼方面。

  2. ISUX:http://isux.qq.com/
    內容主要偏用戶體驗設計,是我常常關注的一個網站,看樣子應該是一個不算太老的團隊,並且應該是一個整合中的團隊,這幾年發展很快。

  3. CDC:http://cdc.tencent.com/
    CDC 在騰訊乃至整個國內互聯網設計的地位自沒必要說,可是自從騰訊的發輾轉型事業羣帛,以及團隊的大 BOSS 走了以後茶也就涼了一些。不過這樣一來彷佛博客的內容更新頻率還挺快,並且總結性的文章也更多了。

  4. MXD:http://mxd.tencent.com/
    這個不怎麼了解,更新頻率1月1篇的樣子,主要是用戶體驗設計。

  5. TGideas:http://tgideas.qq.com/
    騰訊遊戲的設計團隊,其實遊戲網站的頁面要求更高,畢竟是一個看臉的時代。文章內容質量很高,涉及範圍也比較廣,一個月更新好幾篇。

  6. Tenpay:http://tid.tenpay.com/
    財付通設計團隊的網站,文章內容不錯,惋惜很久不更新了。

百度系:

  1. EFE:http://efe.baidu.com/
    百度前端技術團隊,內容偏代碼,今年搞的兩期「百度前端技術團隊」項目很是不錯,知乎上的相關討論不少。

  2. UED:http://ued.baidu.com/
    百度搜索最正宗的用戶體驗設計團隊。

  3. MUX:http://mux.baidu.com/
    移動端的用戶體驗設計。

  4. FEX:http://fex.baidu.com/
    官方簡介是 WEB 前端研發部。

阿里系:

  1. 淘寶 UED:http://ued.taobao.org/blog/
    淘寶 UED 地位自沒必要說,伴隨着淘寶一路成長的,其中的大牛現在也都是國內的頂尖水平。

  2. 阿里媽媽 MUX:http://mux.alimama.com/

  3. 阿里巴巴國際 UED:http://www.aliued.com/

  4. http://www.aliued.cn/
    官網簡介:阿里巴巴(中國站)用戶體驗設計部博客

  5. 我記得以前還有個支付寶 UED,爲何打不開了,奇怪。。。

網易:

  1. 網易 UED:http://uedc.163.com/
    官方簡介:網易用戶體驗設計中心。PS:半年不更新了。

  2. 網易 GUX:http://gux.163.com/
    官方簡介:網易 GUX 遊戲用戶體驗中心。PS:更新頻率太詭異了。

搜狐:

  1. 焦點 UED:http://ued.focus.cn/wordpress/
    將近兩年不更新了,就算是忙着懷孕生孩子,孩子都快1歲大了。

新浪:

  1. 新浪UED:http://ued.sina.com.cn/
    首頁有一個視差滾動動畫,能夠試試看。PS:它的孩子跟搜狐的應該差很少大。

  2. 微博UDC:http://udc.weibo.com/
    估計再有2個月孩子就出生了。

  3. 新浪樂居 UCD:http://ued.leju.com/
    估計孩子比搜狐的小一兩個月。

其餘:

  1. 奇舞團:http://www.75team.com/
    360前端設計團隊,更新頻率1個月至少1篇,每一年會集中在兩三月爆發,今年你們估計是忙着炒股去了。

  2. 迅雷 CUED:http://cued.xunlei.com/
    今年估計是忙着炒股或生孩子去了。。。

  3. 攜程:http://ued.ctrip.com/
    使人眼前一亮的是,攜程的更新頻率竟然不錯。

  4. 彩程設計:http://mycolorway.com
    彩程的產品你可能用過:Tower。PS:博客的更新頻率很高,點贊。

  5. 360UXC:http://uxc.360.cn/
    360用戶體驗設計中心,1到2個月更新一篇。

總結

花了一晚的時間,翻看了大部分公司的 UED 網站,令我震驚的是,發現絕大多數都(慢慢)死掉了,固然以前的文章仍然值得一看。如今仍然在更新的基本只剩 BAT 了。

這並非說中國的 UCD 死掉了(他們可能仍然繼續更新着,只是限於公司內部傳閱),而是指國內公開交流分享的氛圍不那麼濃厚。相反,技術社區要好不少。對新手來講,買這些公司出版的書籍,如搜狐的《設計之下》,CDC的《在你身邊,爲你設計》也許入門更快。而對老手來講,項目型的總結分享也許更有價值,這也許和 UCD 的發展更新不像技術那麼快,更多的是思想、理念層面的東西有關,所以可供分享的沒有那麼多,可是這樣的現狀依然揭示了國內的一些問題。

整理博客網站一事引起上面的感想彷佛不太合適,關於前端設計(UED)方面的整理到此告一段落。

相關文章
相關標籤/搜索