Visual Design榜样 从中学到了什么 #LinkedIn人肉贩子
我从14位本科毕业（就很虎逼的设计师那里）学到了什么？
一早重新看了一下他们的个站，一边看一边写了一些总结，希望能和感兴趣的朋友交流一下。
————
1. PDF作品集采用标准尺寸（ 例如US Letter和US Legal），web作品集需要考虑响应式布局（的模板）
• PDF作品集以标准尺寸为一单位，进行垂直方向上的延伸（为了和网页浏览习惯保持一致）
• Web作品集需要考虑各个信息块在不同页面宽度下的flexibility（参考响应式布局在web, tablet, iOS/Android等环境下浏览的页面基本参数）
• **如果是横屏滚动/翻页也是可以的，但出于多种移动设备的用户浏览体验，依然建议选择垂直方向上的浏览
————
2. Project不宜过多，详细的4个左右即可
• Project这里指的是完整的stories（有起承转合、戏剧性的，可以被storytelling的那种）这类作品在一些设计师的个站上被称作Work
• 除了Project之外，可以放一些Side projects或者仅仅是experiments，这类作品在一些设计师的个站上被称作Play，区别于Work
• 除了Play和Work之外，可以放一些展现设计师生活情趣的板块，如XX’s Life（有展现自己的厨艺、园艺、运动、宠物、sketchbook的）
————
3. 具体的Project的storytelling的方式（总分总，按时间顺序）
• 首先是summary，像是一个故事梗概：时间/地点/人物/干什么“我在什么时候做了什么，我的团队有谁，他们有多牛逼；我在团队中主要做了什么”
• Getting started / Goal（背景介绍，市场空白，即之前说过的SET, POG）– Research Ideation（运用User Research Methods） – Ideation（初步构想，可以包含brainstorming的过程，从一大堆草稿中筛选出最终方案的过程）– Iterations（对一个近乎最终方案的方案进行多次迭代，这是设计师独立思考的环节，建议多放迭代的线框图，并标注自己的思考)– Design Decisions（放最后的设计方案，分别介绍设计亮点） – *Testing – *Results
• 一些bonus: 在演示交互的时候，建议用小动画（嵌入直接播放的视频，含光标的移动）；网站打开来时“会动的背景”；网站独特的Favicon；个性化的personal logo
————
4. 各种link
• 社交媒体的link，可以有：Instagram（展现生活情趣），Dribbble（包含Work和Play在内的设计尝试，更偏过程，较为杂碎），Behance（完整的设计流程，展现你的设计影响力）
• 自我介绍：可以放在一开始也可以放在最后面，是一个类似于LinkedIn的summary，附上联系自己的方式也可以有一个直接写留言的地方
• 可以在末尾link一下朋友的个站
————
5. 最后泼一盆冷水，为什么别人的个站好看，而且是时下流行的扁平化风格、响应式布局的，很大程度是因为，那个网站的模板好看（我们一般用免费的模板，比如weebly比如wix，或者是自己coding，但一般来说敌不过squarespace.com上面$8/month的收费模板）
今天(1.4) 补充Chenyu分享的一个icon站：roundicon.com，和nounproject类似，但有配色参考，适合quick prototyping使用。
1.5补充，一图概括了这些模板的attributes!
图片来源：
http://blog.red-website-design.co.uk/2014/12/15/20-web-design-trends-you-can-expect-to-see-in-2015/
未完待续
转载请注明出处。
一早重新看了一下他们的个站，一边看一边写了一些总结，希望能和感兴趣的朋友交流一下。
————
1. PDF作品集采用标准尺寸（ 例如US Letter和US Legal），web作品集需要考虑响应式布局（的模板）
• PDF作品集以标准尺寸为一单位，进行垂直方向上的延伸（为了和网页浏览习惯保持一致）
• Web作品集需要考虑各个信息块在不同页面宽度下的flexibility（参考响应式布局在web, tablet, iOS/Android等环境下浏览的页面基本参数）
• **如果是横屏滚动/翻页也是可以的，但出于多种移动设备的用户浏览体验，依然建议选择垂直方向上的浏览
————
2. Project不宜过多，详细的4个左右即可
• Project这里指的是完整的stories（有起承转合、戏剧性的，可以被storytelling的那种）这类作品在一些设计师的个站上被称作Work
• 除了Project之外，可以放一些Side projects或者仅仅是experiments，这类作品在一些设计师的个站上被称作Play，区别于Work
• 除了Play和Work之外，可以放一些展现设计师生活情趣的板块，如XX’s Life（有展现自己的厨艺、园艺、运动、宠物、sketchbook的）
————
3. 具体的Project的storytelling的方式（总分总，按时间顺序）
• 首先是summary，像是一个故事梗概：时间/地点/人物/干什么“我在什么时候做了什么，我的团队有谁，他们有多牛逼；我在团队中主要做了什么”
• Getting started / Goal（背景介绍，市场空白，即之前说过的SET, POG）– Research Ideation（运用User Research Methods） – Ideation（初步构想，可以包含brainstorming的过程，从一大堆草稿中筛选出最终方案的过程）– Iterations（对一个近乎最终方案的方案进行多次迭代，这是设计师独立思考的环节，建议多放迭代的线框图，并标注自己的思考)– Design Decisions（放最后的设计方案，分别介绍设计亮点） – *Testing – *Results
• 一些bonus: 在演示交互的时候，建议用小动画（嵌入直接播放的视频，含光标的移动）；网站打开来时“会动的背景”；网站独特的Favicon；个性化的personal logo
————
4. 各种link
• 社交媒体的link，可以有：Instagram（展现生活情趣），Dribbble（包含Work和Play在内的设计尝试，更偏过程，较为杂碎），Behance（完整的设计流程，展现你的设计影响力）
• 自我介绍：可以放在一开始也可以放在最后面，是一个类似于LinkedIn的summary，附上联系自己的方式也可以有一个直接写留言的地方
• 可以在末尾link一下朋友的个站
————
5. 最后泼一盆冷水，为什么别人的个站好看，而且是时下流行的扁平化风格、响应式布局的，很大程度是因为，那个网站的模板好看（我们一般用免费的模板，比如weebly比如wix，或者是自己coding，但一般来说敌不过squarespace.com上面$8/month的收费模板）
今天(1.4) 补充Chenyu分享的一个icon站：roundicon.com，和nounproject类似，但有配色参考，适合quick prototyping使用。
1.5补充，一图概括了这些模板的attributes!
图片来源：
http://blog.red-website-design.co.uk/2014/12/15/20-web-design-trends-you-can-expect-to-see-in-2015/
 |
未完待续
转载请注明出处。
