超赞!打造个人作品集网站的小诀窍(附优秀案例)

2014/06/17 24123

@十萬個為什麼 :作为设计师,我想大家都体验过个人项目的难处,包括制作作品集。你在photoshop中投入了无数个小时,尝试了上百种不同方案,两个月后,你才意识到你的个人主页仍然写着“建设中”。接下来,就为你介绍一些制作个人作品集网站的小诀窍~

干货直戳:
《PS教程:教你设计有范儿的个人作品时间轴网页》
《毕业季福利!过来人教你应如何准备个人作品集》

这也许不适用于每个人,但作为自己的客户,是相当有挑战的,所以我想分享一下如何更好地建立个人作品集。

你的作品集用处是什么?

在投入到Photoshop中、迸发美妙创意之前,从“业务”的核心入手。你就是客户。像其他任何项目一样,你首先要设定目标。

  • 你想要售卖作品吗?
  • 还是仅仅展示你的作品?
  • 让人认识自己?
  • 或是教导读者?

这只是一些例子,你未必要从中选择。有个好方法,写下你所想到的目标,并给它们标上数值。比如我:售卖作品(0/5),展示作品(2/5),让人认识自己(2/5),寻求雇主(1/5)。

这也许看起来很奇怪,但我个人作品集的主要目的并非寻求雇主。我90%的询问都来自Dribbble,所以我决定偏重于展示个人喜好。

Briannathanhartwell

超赞!打造个人作品集网站的小诀窍(附优秀案例)

Kerem

超赞!打造个人作品集网站的小诀窍(附优秀案例)

Piotrswierkowski

超赞!打造个人作品集网站的小诀窍(附优秀案例)

画线框图

既然看到这些案例,可能你立刻就想开始重设计。这很好,但先别打开Photoshop。而是要拿起纸笔。

设定一个时限;比如说一小时,然后画出所有你想到的。即使30分钟后,你就觉得大功告成了,继续努力。在这个阶段,无所谓“丑陋”或是“半成品”。力求20种完全不同的布局。

(注意,这些还不是完整的线框图,只是草稿。)

这个头脑风暴的阶段过后,可以筛选手稿并画出线框图了。由于是出于个人喜好选择(很明显),我无法告诉你一套准则,但我有些建议:

  1. 简单明了:不能让人难以理解你的作品。确保第一印象是清晰友好的。
  2. 有选择性:作为设计师,你可能是个全才。但这不代表你需要强调过去的一切。强调实力,而非完整经历。
  3. 专注于作品:除非你真的要体现你的品牌特征,不然我觉得最好还是保持最低限度的设计。就像一间艺术画廊,你总不希望画廊比艺术品吸引更多注意力对吧?

Gozha

超赞!打造个人作品集网站的小诀窍(附优秀案例)

Guillaumejuvenet

超赞!打造个人作品集网站的小诀窍(附优秀案例)

Adamrudzki

超赞!打造个人作品集网站的小诀窍(附优秀案例)

代码还是设计?

终于要数字化了!我提代码或设计的原因,只是因为并非每个设计师都会代码。如果你懂,那就忘了Photoshop,直接尝试代码。

既然这时候已经有了固定的线框图,可以着手编写代码实现功能。就我个人而言,以前即使我有个人作品集的线框图,我仍然只会在Photoshop里改来改去,最终什么也没发布。

这就是我建议先创建线框图的原因。它不仅让我保持正确的流程,也在我编写代码和在Photoshop中创作时节省大量时间。

Gertvanduinen

超赞!打造个人作品集网站的小诀窍(附优秀案例)

Kaisersosa

超赞!打造个人作品集网站的小诀窍(附优秀案例)

Nat-ant

超赞!打造个人作品集网站的小诀窍(附优秀案例)

编辑与发布

最后一点也很重要,尽快把你的作品集上线。一旦有了良好的基础,你以后总能对页面进行微调和优化。甚至以后优化还是件好事,这样可以吸引用户回访。

“我添加了完整的项目描述,来此查看更新!”

“你现在可以通过作品集,直接买下我最新设计的图标!”

“我更新了滚动的形式,觉得如何?”

这就像拥有自己的房子。永远没有完成时,但在达到完美之前,你肯定等不及邀请别人登门拜访,对吧?

Vtcreative

超赞!打造个人作品集网站的小诀窍(附优秀案例)

Michelemazzucco

超赞!打造个人作品集网站的小诀窍(附优秀案例)

Graphisterie

超赞!打造个人作品集网站的小诀窍(附优秀案例)

关于创立自己的作品集,我也乐于倾听你的想法。也许还有更多诀窍,或是个人经验?也请随意在下面评论中附上你的作品集!我时刻都在寻找灵感。

原文地址:designmodo
译者:@十萬個為什麼

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量71万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/secret-of-design-collection

界面设计 交互设计师 HTML5 素材 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 设计规范 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里