[资源整理]关于前端设计的那些博客儿~
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
纯粹追求好看,想提高自己审美水平的,可以关注的网站有:
Dribbble: https://dribbble.com/
UI 方面的东西更多一些,有很多世界知名的设计师在上面。Behance: https://www.behance.net/
平面设计领域的东西更多一些。站酷:http://www.zcool.com.cn/
设计领域做的比较用心的一家,国内很多设计师都在上面,站酷和很多其他网站一样都是靠图(Dao)片(Ban)起家,不过这几年转型和定位都做得很不错。优设:http://www.uisdc.com/
它的性质更类似于种子/帖子集合站,有很多 psd 源文件可供下载,以及一线互联网设计师的文章。
关于上面的四个网站,其实我觉得国内的更加接地气,也更实用,毕竟二道贩子往往会结合国情对一手资源做进一步的整合;定期浏览国外的网站,关注设计的趋势和潮流,保持自己的敏感度。
UX
关于用户体验/交互设计方面的文章,这方面关注各大公司的 UED 博客为佳,基本就是BAT、新浪、网易、搜狐等:
腾讯系:
AlloyTeam: http://www.alloyteam.com/
应该是老团队了,主要负责 QQ 方面的开发,更新很勤快,内容偏代码方面。ISUX:http://isux.qq.com/
内容主要偏用户体验设计,是我经常关注的一个网站,看样子应该是一个不算太老的团队,而且应该是一个整合中的团队,这几年发展很快。CDC:http://cdc.tencent.com/
CDC 在腾讯乃至整个国内互联网设计的地位自不必说,但是自从腾讯的发展转型事业群帛,以及团队的大 BOSS 走了之后茶也就凉了一些。不过这样一来似乎博客的内容更新频率还挺快,而且总结性的文章也更多了。MXD:http://mxd.tencent.com/
这个不怎么了解,更新频率1月1篇的样子,主要是用户体验设计。TGideas:http://tgideas.qq.com/
腾讯游戏的设计团队,其实游戏网站的页面要求更高,毕竟是一个看脸的时代。文章内容质量很高,涉及范围也比较广,一个月更新好几篇。Tenpay:http://tid.tenpay.com/
财付通设计团队的网站,文章内容不错,可惜好久不更新了。
百度系:
EFE:http://efe.baidu.com/
百度前端技术团队,内容偏代码,今年搞的两期“百度前端技术团队”项目非常不错,知乎上的相关讨论很多。UED:http://ued.baidu.com/
百度搜索最正宗的用户体验设计团队。MUX:http://mux.baidu.com/
移动端的用户体验设计。FEX:http://fex.baidu.com/
官方简介是 WEB 前端研发部。
阿里系:
淘宝 UED:http://ued.taobao.org/blog/
淘宝 UED 地位自不必说,伴随着淘宝一路成长的,其中的大牛如今也都是国内的顶尖水平。阿里妈妈 MUX:http://mux.alimama.com/
阿里巴巴国际 UED:http://www.aliued.com/
http://www.aliued.cn/
官网简介:阿里巴巴(中国站)用户体验设计部博客我记得之前还有个支付宝 UED,为什么打不开了,奇怪。。。
网易:
网易 UED:http://uedc.163.com/
官方简介:网易用户体验设计中心。PS:半年不更新了。网易 GUX:http://gux.163.com/
官方简介:网易 GUX 游戏用户体验中心。PS:更新频率太诡异了。
搜狐:
焦点 UED:http://ued.focus.cn/wordpress/
将近两年不更新了,就算是忙着怀孕生孩子,孩子都快1岁大了。
新浪:
新浪UED:http://ued.sina.com.cn/
首页有一个视差滚动动画,可以试试看。PS:它的孩子跟搜狐的应该差不多大。微博UDC:http://udc.weibo.com/
估计再有2个月孩子就出生了。新浪乐居 UCD:http://ued.leju.com/
估计孩子比搜狐的小一两个月。
其他:
奇舞团:http://www.75team.com/
360前端设计团队,更新频率1个月至少1篇,每年会集中在两三月爆发,今年大家估计是忙着炒股去了。迅雷 CUED:http://cued.xunlei.com/
今年估计是忙着炒股或生孩子去了。。。携程:http://ued.ctrip.com/
令人眼前一亮的是,携程的更新频率居然不错。彩程设计:http://mycolorway.com
彩程的产品你可能用过:Tower。PS:博客的更新频率很高,点赞。360UXC:http://uxc.360.cn/
360用户体验设计中心,1到2个月更新一篇。
总结
花了一晚的时间,翻看了大部分公司的 UED 网站,令我震惊的是,发现绝大多数都(慢慢)死掉了,当然之前的文章仍然值得一看。现在仍然在更新的基本只剩 BAT 了。
这并不是说中国的 UCD 死掉了(他们可能仍然继续更新着,只是限于公司内部传阅),而是指国内公开交流分享的氛围不那么浓厚。相反,技术社区要好很多。对新手来说,买这些公司出版的书籍,如搜狐的《设计之下》,CDC的《在你身边,为你设计》也许入门更快。而对老手来说,项目型的总结分享也许更有价值,这也许和 UCD 的发展更新不像技术那么快,更多的是思想、理念层面的东西有关,因此可供分享的没有那么多,但是这样的现状依然揭示了国内的一些问题。
整理博客网站一事引发上面的感想似乎不太合适,关于前端设计(UED)方面的整理到此告一段落。
[资源整理]关于前端设计的那些博客儿~相关推荐
- 前端设计一一个人博客网站怎么进行公安备案?
公安备案流程: 1. 注册账号:http://www.beian.gov.cn/portal/index.do 2. 新办网站申请 3. 填写个人信息 [外链图片转存失败,源站可能有防盗链机制,建议将 ...
- 前端综合项目-个人博客网页设计
个人博客前端部分设计 文章目录 前端综合项目-个人博客网页设计 1. 预计效果 2. 公共样式设计 2.1 背景设计 2.2 导航栏设计 2.3 博客列表页和博客详情页的共同内容 2.3.1 页面划分 ...
- web前端大作业`电影介绍网站设计——电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 dreamweaver作业静态HTML网页设计模板
HTML5期末大作业:电影介绍网站设计--电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业 ...
- HTML5期末大作业:电影网站设计——电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码
HTML5期末大作业:电影网站设计--电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码 常见网页设计作业 ...
- HTML5期末大作业:个人网站设计——个人旅游图片博客HTML5模板(7个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业下载
HTML5期末大作业:个人网站设计--个人旅游图片博客HTML5模板(7个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业下载 临近期末, 你还在为HTML网页设计结课作业,老 ...
- web前端/移动端H5博客专家博客大全--值得收藏的前端技术大牛博客地址
web前端/移动端H5博客专家博客大全--值得收藏的前端技术大牛博客地址 Huang Jie Blog .Com-前端开发 http://www.huangjieblog.com/?feed=r ...
- java毕业生设计抑郁症患者博客交流平台计算机源码+系统+mysql+调试部署+lw
java毕业生设计抑郁症患者博客交流平台计算机源码+系统+mysql+调试部署+lw java毕业生设计抑郁症患者博客交流平台计算机源码+系统+mysql+调试部署+lw 本源码技术栈: 项目架构:B ...
- [开源 .NET 跨平台 数据采集 爬虫框架: DotnetSpider] [一] 初衷与架构设计 - ModestMT.Zou - 博客园...
[开源 .NET 跨平台 数据采集 爬虫框架: DotnetSpider] [一] 初衷与架构设计 - ModestMT.Zou - 博客园
- java博客论坛设计报告_javaweb课程设计报告个人博客网站的实现(Java).doc
javaweb课程设计报告个人博客网站的实现(Java) 项目名称: 个人博客网站的实现(Java) 学生姓名: 学 号: 班 级: 指导教师: 2014年12月23日 目录 1 绪论1 1.1系统应 ...
- 网页设计作业-个人博客
前端课设-个人博客 有个人资料,喜欢的游戏,运动,音乐,动漫:轮播图,导航栏等等,适合初学者学习使用,具体情况请看如下图:(下载链接在文末) 点我下载资源
最新文章
- AMD依然yes!官宣锐龙5000系列CPU,单核性能首次超越英特尔,苏妈:最好的游戏CPU!...
- 9月14日学习内容整理:初识别面向对象
- c++编辑器_盘点四款PDF编辑器,使用它们,编辑PDF文件没问题!
- [mybatis]Configuration XML_databaseidProvider
- 朵朵糖故事机器人怎么更新_“故事贩卖机”专栏创始人温酒的新作,奇幻世界的暖心物语很治愈...
- EIGRP特性试验笔记
- Wireshark实战分析值DNS协议(二)
- Python实时垃圾分类系统(环境教程&完整源码&数据集)
- matlab多个图例,Matlab 画多个图例( Plot multiple legends )
- 黑客大神用什么杀毒? Windows 自带的就够, 只是加了亿点微小的强化
- “高频面经”,各大厂面经面题分享(已拿offer附攻略)
- 人工智能 —— 语义网络表示法
- 华硕X550LD笔记本安装黑苹果
- iOS APP上架流程详解
- 接着这次机会,发一下我做试管的经历~
- 关掉MyEclipse checking for updates(检查更新)
- BW的登录错误解决实例
- 私服服务器原理,传奇私服新手gm如何假设一个属于自己的服务器
- 嵌入式编程规范及注意事项
- Arduino开发板控制直流电机
热门文章
- 计算两个日期的时间间隔,返回的是时间间隔的日期差的绝对值.
- [裴礼文数学分析中的典型问题与方法习题参考解答]4.4.8
- jquery 实现图片上传,并在前端显示出来
- chrome保护眼睛设置【转】
- laravel使用artisan报错SQLSTATE[42S02]: Base table or view not found: 1146
- C# bool.tryparse
- JavaScript 中typeof、instanceof 与 constructor 的区别?
- 在Visual Studio中使用GitHub(使用篇)
- 微信公众平台体验之三(手机号归属)
- Python学习:3.Python学习基础