HTML 和 CSS 基本都粗略地学过一遍了,接下来无非就是不断地练习总结(自内而外),以及阅读他人的博客(自外而内)了,因此利用今晚的时间,稍微整理一下我经常关注的博客/网站等。

因为自己是设计专业(工业设计)出身,更加关注前端偏设计的方面,因此之前以及未来相当一段时间内都会以前端偏设计为主(偏后端的语言只学过一点 C 和 python),自己平时关注的博客也主要是这方面的内容。

关于设计

关于设计方面,在互联网行业经常会看到这几个词:UE/UX、UI、UCD、UED等,引用知乎的一则回答:

UCD:全称为“User-Centered Design”,即以用户为中心的设计,是一种设计理念和设计思路。

UE:全称为“User Experience”,即用户体验,一般是指行业分类。
UI:全称为“User Interface”,即用户界面,一般是指行业分类。

UED:全称为“User Experience Disign”或“User Experience Disigner”,即用户体验设计或用户体验设计师,是设计的一个分类或设计职位。
UID:全称为“User Interface Disign”、“User Interface Disigner”,即用户界面设计或用户界面设计师,是设计的一个分类或设计职位。

原文的回答少了一点,关于 UX:其实 UE 和 UX 都是 User Experience 的缩写,前者是首字母,后者是发音,一般国内更常用 UE。

博客资源

撇开传统的设计领域,设计博客一般分为两种,一种更加关注界面(追求好看),一种更加关注逻辑(追求好用);前者通常是 UI 设计师(俗称美工)干的事,后者通常是交互设计师干的事儿。因此按照这样的逻辑,搜索了一下网络上现有的资源,结合自己平时的积累,分为两类:

UI

纯粹追求好看,想提高自己审美水平的,可以关注的网站有:

  1. Dribbble: https://dribbble.com/
    UI 方面的东西更多一些,有很多世界知名的设计师在上面。

  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)方面的整理到此告一段落。

[资源整理]关于前端设计的那些博客儿~相关推荐

  1. 前端设计一一个人博客网站怎么进行公安备案?

    公安备案流程: 1. 注册账号:http://www.beian.gov.cn/portal/index.do 2. 新办网站申请 3. 填写个人信息 [外链图片转存失败,源站可能有防盗链机制,建议将 ...

  2. 前端综合项目-个人博客网页设计

    个人博客前端部分设计 文章目录 前端综合项目-个人博客网页设计 1. 预计效果 2. 公共样式设计 2.1 背景设计 2.2 导航栏设计 2.3 博客列表页和博客详情页的共同内容 2.3.1 页面划分 ...

  3. web前端大作业`电影介绍网站设计——电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 dreamweaver作业静态HTML网页设计模板

    HTML5期末大作业:电影介绍网站设计--电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业 ...

  4. HTML5期末大作业:电影网站设计——电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码

    HTML5期末大作业:电影网站设计--电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码 常见网页设计作业 ...

  5. HTML5期末大作业:个人网站设计——个人旅游图片博客HTML5模板(7个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业下载

    HTML5期末大作业:个人网站设计--个人旅游图片博客HTML5模板(7个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业下载 临近期末, 你还在为HTML网页设计结课作业,老 ...

  6. web前端/移动端H5博客专家博客大全--值得收藏的前端技术大牛博客地址

    web前端/移动端H5博客专家博客大全--值得收藏的前端技术大牛博客地址   Huang Jie Blog .Com-前端开发  http://www.huangjieblog.com/?feed=r ...

  7. java毕业生设计抑郁症患者博客交流平台计算机源码+系统+mysql+调试部署+lw

    java毕业生设计抑郁症患者博客交流平台计算机源码+系统+mysql+调试部署+lw java毕业生设计抑郁症患者博客交流平台计算机源码+系统+mysql+调试部署+lw 本源码技术栈: 项目架构:B ...

  8. [开源 .NET 跨平台 数据采集 爬虫框架: DotnetSpider] [一] 初衷与架构设计 - ModestMT.Zou - 博客园...

    [开源 .NET 跨平台 数据采集 爬虫框架: DotnetSpider] [一] 初衷与架构设计 - ModestMT.Zou - 博客园

  9. java博客论坛设计报告_javaweb课程设计报告个人博客网站的实现(Java).doc

    javaweb课程设计报告个人博客网站的实现(Java) 项目名称: 个人博客网站的实现(Java) 学生姓名: 学 号: 班 级: 指导教师: 2014年12月23日 目录 1 绪论1 1.1系统应 ...

  10. 网页设计作业-个人博客

    前端课设-个人博客 有个人资料,喜欢的游戏,运动,音乐,动漫:轮播图,导航栏等等,适合初学者学习使用,具体情况请看如下图:(下载链接在文末) 点我下载资源

最新文章

  1. AMD依然yes!官宣锐龙5000系列CPU,单核性能首次超越英特尔,苏妈:最好的游戏CPU!...
  2. 9月14日学习内容整理:初识别面向对象
  3. c++编辑器_盘点四款PDF编辑器,使用它们,编辑PDF文件没问题!
  4. [mybatis]Configuration XML_databaseidProvider
  5. 朵朵糖故事机器人怎么更新_“故事贩卖机”专栏创始人温酒的新作,奇幻世界的暖心物语很治愈...
  6. EIGRP特性试验笔记
  7. Wireshark实战分析值DNS协议(二)
  8. Python实时垃圾分类系统(环境教程&完整源码&数据集)
  9. matlab多个图例,Matlab 画多个图例( Plot multiple legends )
  10. 黑客大神用什么杀毒? Windows 自带的就够, 只是加了亿点微小的强化
  11. “高频面经”,各大厂面经面题分享(已拿offer附攻略)
  12. 人工智能 —— 语义网络表示法
  13. 华硕X550LD笔记本安装黑苹果
  14. iOS APP上架流程详解
  15. 接着这次机会,发一下我做试管的经历~
  16. 关掉MyEclipse checking for updates(检查更新)
  17. BW的登录错误解决实例
  18. 私服服务器原理,传奇私服新手gm如何假设一个属于自己的服务器
  19. 嵌入式编程规范及注意事项
  20. Arduino开发板控制直流电机

热门文章

  1. 计算两个日期的时间间隔,返回的是时间间隔的日期差的绝对值.
  2. [裴礼文数学分析中的典型问题与方法习题参考解答]4.4.8
  3. jquery 实现图片上传,并在前端显示出来
  4. chrome保护眼睛设置【转】
  5. laravel使用artisan报错SQLSTATE[42S02]: Base table or view not found: 1146
  6. C# bool.tryparse
  7. JavaScript 中typeof、instanceof 与 constructor 的区别?
  8. 在Visual Studio中使用GitHub(使用篇)
  9. 微信公众平台体验之三(手机号归属)
  10. Python学习:3.Python学习基础