• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 学会这两招,快速提升设计师的作品集格调!(实例演示)

学会这两招,快速提升设计师的作品集格调!(实例演示)

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含作品集,经验分享,设计师作品集等相关知识,希望在学习及工作中可以帮助到您

skills-improve-portfolio-style-1

马上就求职高峰了,大家又要开始着手整理这一年的作品集,那么如何快速提升作品集的展示效果呢?这篇文章从色彩入手,帮你轻松提高作品集的格调!

一说到作品包装,有些同学想到的是

套用Mockup:

-production-20170203-1

拉透视:

-production-20170203-39

还有一些同学在展示布局上特别用心:

-production-20170203-2?

有人用了这些方法,作品立刻脱颖而出,而更多的人却被说成表面功夫,这是为什么?

排版固然重要,但色彩的运用同样不能忽视,有时色彩甚至是作品脱颖而出的关键

试想一下,在Dribbble 有很多高人气作品,虽然内容平平,但只要颜值到位,依然可以圈粉无数:

-production-20170203-3

在这看脸的时代,没有颜值的作品,纵使布局考究,也鲜受关注,设计师的作品必须精致。

前言

首先你要明白一件事非常、非常、非常重要的事

作品包装不是设计图的简单罗列,更不是让你世界展现产品的线上截图,作品包装包好比用美颜相机自拍

为的是展现作品最完美的一面,下面将为大家讲述,如何提升作品的颜值。

1. 包装色调

目前主流的 APP 界面配色都是下面这样

-production-20170203-4

APP 界面中品牌色已沦为点缀色,界面的颜色主要来自内容,且 APP 的品牌色通常不会随着设计师的主观意愿进行调整

既然设计师无法改变 UI 界面的颜色,那我们就从包装的背景色着手,常见的配色手法有四种:

( 长图太占空间,下面均以小图示意?)

1. 同色系配色

(最常见)

-production-20170203-5

指主色和副色都在同一色相上,在配色上营造一致性

2. 类似/邻近配色

-production-20170203-6?

这种方法最为常见,可以让页面颜色更加丰富,且色相过度柔和,看起来非常和谐

3. 中性配色

-production-20170203-7

即背景以黑白灰为主,突出内容(UI 界面),使之不受背景色的干扰,这种配色不仅非常经典,还很百搭

4. 对比色配色

?-production-20170203-8

背景和内容色彩间的对比形成强烈的视觉冲击,使内容变得更加突出

2. 界面色

上文提到,目前 UI 界面中的色彩主要来自内容

在新版 Apple Music 中,苹果让每张专辑自己说话:展现专辑本来之美

-production-20170203-9?

类似的理念,在 Instagram 改版中也早有体现,其设计主管 Ian Spalter表示:「我们相信色彩应该直接来自社交的照片和视频才对」-production-20170203-10

对此,我们可以宽泛的理解为界面色=内容色

如今,目前越来越多的 APP 朝着突出内容的方向发展,在内容变得越发突出的同时,内容的质量也变成一把双刃剑。好的内容不仅可以提升产品气质有的时候,可以撑起整个作品,如下:

-production-20170203-11

-production-20170203-12

而差的内容则却能让产品气质瞬间归零,以 Ins 为例:

?-production-20170203-13

线上产品内容质量受 UGC、运营编辑、后台技术等多种限制,很难以最完美的效果呈现给大家。庆幸的是,设计师在包装环节可以通过自己精妙的配图,展现作品最完美的一面。

但是,配图并不是简简单单的去扒一些美图那么简单,不仅要根据整个包装的配色反复斟酌,还要符合产品原有的气质,选图的思路如下。

1. 展现美的内容

-production-20170203-14

如果你对内容质量的把控度不高,建议你可挑选专业摄影师的作品:

-production-20170203-15

人像用模特硬照或明星写真(含网红),这类的图片都是经过专业修片,质量有保障

2. 色调和谐

在确定包装的整体色调后,内容的色调根据包装的整体效果进行挑选。

下面这张图来自Dribbble:

?-production-20170203-16

用下面两张图替换原作品中的图片,结果会怎么样??

-production-20170203-17 -production-20170203-18?

虽然内容质量过关,但却破坏了原包装的整体色调,拉低了展示效果

3. 完善细节

我总结了几个选图要点,希望可以帮助大家规避一些问题

1)烘托氛围

出于某些原因,国内很多设计师时常会出一些英文设计稿

-production-20170203-19

-production-20170203-20

如果要做英文设计,在内容配图上最好以外国人为主,而类似于“今日故宫”这样带有中国风的产品,在选图的时候,如果插入老外图片则显得很跳戏。

2)背景不重色

?-production-20170203-21

如果 UI 界面中背景为白色,那么图像背景色要避免大面积出现白色,避免与 UI 背景色相同,造成图片没有边缘感

3)慎用蓝天白云

?-production-20170203-22

蓝天白云是中国民间最为常用的素材,作为一个有逼格的设计师你好意思在配图中出现这个?

如果要用,除了避免大面积出现以外,还要调整图片的整体色调。

4)主体适当

-production-20170203-23

尽可能选择或截取近景图,图像的主体可占到图片尺寸的1/2左右

案例分享

下面将实例讲解以往个人作品的包装思路

-production-20170203-24

您可能想查找下面的文章:

  • 设计作品集网站的时候,如何善用超大字体元素
  • 设计师作品集网站中,常见的5个误区和解决方案
  • 9个小技巧,让你的作品也能上Behance 热门!
  • 成功跳槽后,我想和你分享这3个经验
  • 作品集准备好了吗?来看高手为你准备的12个作品集设计技巧
  • 我们邀请了搜狐的UE设计组长,教你应聘UE 设计师!
  • 没有人带,新人设计师如何自我成长(二)
  • 想做APP 改版练习,这儿有高手的15个经验总结
  • 想成为UX 设计师,该学习哪些很重要的技巧?
  • 学会改作品集之后,我收到的Offer 多了一倍

相关文章

  • 2018-08-23超全面总结!「完美」的字体系统搭建与维护指南
  • 2018-08-23为何前期的发现阶段是网页设计最关键的环节?
  • 2018-08-23对于这5个UX设计迷思,你需要知道它们的答案
  • 2017-08-06网页图片优化工具及使用技巧分享
  • 2018-08-23涨姿势!为什么大牌时装在春晚就失去了高级感?
  • 2018-08-23接地气!设计师和需求方高效沟通的5种技巧
  • 2018-08-23如何做好一个搜索体验流程?看这篇超全面的总结!
  • 2018-08-23针对不同设计阶段,如何选择合适的动效工具?
  • 2017-08-06写给入门者的三十条HTML代码编写指南
  • 2017-08-06通常CSS错误及解决办法技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 辣眼睛?这种粗粝但有趣的设计风格正悄然流行
    • 让HTML和JSP页面不缓存从Web服务器上重新获取页面
    • 用一个实战案例,教你一款适合UI设计师的调研方法
    • 优设专访!优设×追波人气第一名的设计大神Mike
    • 网页设计中的细节分析详谈
    • 设计师如何评估工作量?来看腾讯设计师的总结!
    • 设计师该不该跳槽到区块链公司?来看入职的人怎么说
    • 原型工具哪家强!我从10个角度对比了素描和Axure的优缺点
    • 引入外部文件(js/vbs/css)时,避免产生乱码的方法
    • Google I/O即将到来,对于Material Design 2.0我做了这些预测

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有