影响作品集视觉的因素有哪些?
作者:优漫动游设计部 2023-01-29 18:07 查看: 318
  优秀的作品集能给设计师争取更大的机会得到offer,因此作品集包装和个人能力一样重要。想知道该如何包装优秀的作品集呢?一起来看看优漫动游小编的分享吧,视觉好的作品集与欠缺的作品集都长什么样?以下作品集视觉包装效果评级属于个人看法,可能会出现误差。

  作品集怎样设计ui,如何做好ui设计?在做软件界面设计的时候,经常会遇到一些困扰。该怎么做,怎么做能够提高用户对该软件的兴趣,提升用户体验,是界面设计师应该考虑的问题和做界面设计的出发点。界面美观、舒适是很重要的,但是更重要的是使用方便,给人的感觉友好、熟悉,又不缺乏个性。


影响作品集视觉的因素有哪些?


  影响作品集视觉的因素有哪些?

  通过上面的内容,相信大家对上面作品的视觉好坏都有自己的评级。那么大家可以稍微停顿一下,现在我想隔着屏幕提一个问题,你认为影响到作品集好不好看的因素到底有哪些?(展示抛开封面设计)换句话说大家回想一下自己看到一个优秀作品的时候,你会觉得他的那些点给你感觉好看?思考30秒….相信大家或多或少都能举例出来一些因素,或许不全面,没关系。接下来我也会把我自己总结的一些内容分享给大家,希望能给到大家一个更全面的了解。

  我根据自己的素材库总结出来以下几个点:样机、字体选择、界面配图、色彩搭配、排版布局、元素点缀

  1.样机使用建议

  绝对不要使用太老款的样机,然后可以稍微穿插的使用一些角度的,给自己作品集多一些变化,再有网上可以找到的一些各式各样品质很高的也可以,最近比较流行的C4D模型的也很棒,目的都是为了给自己作品集多一些视觉变化,避免太平缓、呆板,但是需要注意的是你的作品是给人看的,不要全部都是带透视角度,这样看不到页面细节,样机虽好,但不要贪杯。

  2.常用字体推荐

  这一篇是推荐的一些使用起来不容易出问题的字体,大家有需要的可以自行下载尝试,也可根据项目风格自行搭配。

  3.界面配图注意事项

  界面配图遵循高清无码、简洁、与产品内容相关联(旅游产品配旅游图片)、与整体视觉风格保持一致(色彩倾向产品主色)

  4.色彩搭配方法

  这里主要讲到的就是,假如我们想定制一套风格比较鲜明的作品集时,怎么确定配色。就跟我们在画界面时想要表现的品牌感是一样的道理,给你的作品集建立一个视觉差异化。假如你不知道怎么配色的时候,可以看下别人是怎么配色的。我这里从dribbble找到了几个界面,我们看下他们是怎么进行色彩搭配的:

  首先是第一套,tab可以看出他的品牌色是深蓝色,其他重要的辅助色是红色,次要辅助色是黄色,可以看到用色存在一定的比例,这个比例接近6:3:1。

  再有就是辅助色的挑选,第一套作品和第二套作品都用到了基色(主色)的对比色,也就是在色相环上120°左右位置的这个颜色,第三套则是对比色,那我们可以看到通过调节色彩比例后,最终这三套作品视觉效果都不错。选一个对比比较强烈的辅助色可以给我们作品集带来更强烈的视觉效果,当然配色这个东西还是看你想给人一种什么感受,没有说一定要怎么配。

  还有界面里面除了一些感知明显的配色外,还有一些感知不那么明显,但是可以给我们高级的感受,那就是文字用色,在实际工作中大多数的产品界面内容文字用色都是常规的333、666、999。虽然和开发对接起来比较方便,但这几个色值在看起来会稍微有点显脏。这个时候我们可以根据自己的品牌色(假如是冷色的话)去衍生一套高级灰,整个画面也会看起来更干净。那可能有人问,假如品牌色不是冷色怎么办?那就看你们需不需要去优化字体颜色,考虑优化的话可以从品牌色衍生出来的24色里面找一个冷色。正常来说往灰色里面加点冷色相看起来会显更干净高级。

  排版布局、元素点缀在如何学会借鉴篇中一起讲。

  汇总几乎所有背景底色使用的形式,也给到了一些个人使用建议。看看收集的素材后,发现几乎都可以用以下六种形式涵盖,要么就是组合起来使用。(也有可能由于见识不够广,出现遗漏)

 1.竖向切割

  竖向色块分割常用比例1:1、1:0.6、4:3。页面内通常进行左右位置切换使用,可尝试变化色块大小,给与版面更多变化。也可视情况在切割边缘进行破型处理

  需要注意的是,避免页面出现过多大面积有彩色底色。消色可适当增加使用,但整体还是以简洁、干净、突出界面内容为主。

 2.横向切割

  横向配色或配图切割,通常适用于页面内文字信息不多,但界面图片精美,更强调作品内容呈现及细节展示。主要考验文字排版、作品本身质量,注重包装形式感。

  3.全屏色块

  全屏色块又分背景纯色和多色,纯色可使用产品主色或重要辅助色,需注意背景与文字的对比度,避免对比度过低造成阅读障碍。多色需注意配色比例和协调与否,可参考前面色彩搭配篇。

  建议在页面内偶尔穿插使用,避免连贯性出现大量有彩色,因为可能会导致视觉压力。消色及特殊产品气质的可忽略此条建议。

 4.圆形

  圆形底色可以起到很好的视觉聚焦作用,没有过多使用限制。可以的话在圆形上加多一些设计细节、及文字排版变化。

  需要提醒的是圆形不是真的只是一个圆,轮廓可灵活变化,需避免设计局限。

  5.斜角

  斜角的带来的是视觉冲击,可根据产品风格觉得是否使用,例如幼儿类产品(卡片风格圆角较大),可能在包装时就需要减少这类表现形式。

  6.抽象图形

  使用抽象图形最需要注意的是,抽象出来的图形是否与产品风格符合(圆润配圆润,棱角配棱角),图形是否与产品界面内存在某一联系。当两者满足的情况下可大胆使用,并且还可以在整个包装中使用,因为这能很好的体现你抽象图形设计能力。最后图形绘制好了后别忘了迎合产品配色。

  以上就是小编今天为大家分享的关于影响作品集视觉的因素有哪些?希望本篇文章能够对想要零基础学习UI设计的你有所帮助,学习是一个漫长的过程,如果你想更快的学习UI设计,可以来优漫UI设计培训班进行学习,让你更快的掌握UI设计技术,7天免费试学体验。
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服