热门频道

从摄影中学到的3招设计知识    

  写在前面:

  我们在界面设计过程中大家是不是经常遇到这样的问题?

  1、总觉得不舒服,但是不知道问题出在什么地方?

  2、我看着挺好的,产品为什么不给过稿?

  3、为什么没有人家的高端大上呢?

  4、...

  就是不高端,就是没感觉。

  我们仅从产品展示角度来分析下(以电商为例)

  我分享下我找到旳解决方案(还有更多的方法),因为个人比较軎欢摄影,因此我从摄影的角度角度来分析设计。

  摄影景别一般分为:远景、全景、中景、近景、特写、大特写、局部特写…(镜头语言中称为:景别)

  以上是我个人对于摄影景别的解读(这里只当做_个引导),更为详细的解释大家自行百度搜索,专业词汇的解释,不在此进行详细介绍了。

  大家是不是感觉我瞎扯了这么多,没有一个语言和设计能链接在一起的,没有景别能在设计中运用到的,设计要有耐心,现在赶快去搬个小马扎、买包瓜子、泡上茶水....

  我们开始分析下,景別如何在产品图片中的运用。

  1、景别的运用

  "远景“在我们UI设计稿中的运用,我们在做设计的时候时常会遇到产品配图的问题。以电商为例:电商70%的页面都是产品的展示。

  1、那么产品在我们画面中占多大位置最为合适呢?

  2、我们运用什么景别呢?

  3、占多大比例呢?

  4、是不是需要占黄金分割比呢?

  5、怎么运用摄影中的景别呢?

  远景=产品?

  景別1:画面没有平衡感、主题不突出、大意不明确、人物比例在画面中所占比例不是黄金分割比,给人感觉不舒服,画面感觉不协调。

  产品图片在摄影中属于.远景。

  设计中属于.近景。

  全景=产品?

  景别1:产品在拍摄中使用了全景累别,设计中画面中也是全景,导致画面比例不协调,给我们视觉不统一,我们可以适当缩小在我们划定的区域范围内。

  景別2:产品图使用过程中进行了适当的缩放,使产品、文字、九宫格进行了很好的比例对比和占用画面比例的安排。设计中景别:’‘全景”。

  近景=产品?

  景别1:产品在拍摄中使用了近景景别,设计中画面中近景景别,导致画面视觉傻大,总是让我们看起来不舒服,但是我们又找不到问题,我们想的是为什么不给我过稿呢?

  为什么呢产品懂个什么啊?

  我这个已经是最好的了,汽车多好,抠图抠的多么的干净,多么的有感觉。

  此时产品也是蒙圈的,产品dog就感觉不舒服但是不知道原因。

  然后火车开来了.....TUTUTUTUTUTUTUTU......

  景别2:此时我们应从其他方面考虑下,产品图使用过程中是否进行了适当的缩放,使产品、文字、在九宫格内进行了很好的比例对比和画面比例的安排,产品在画面中的占有比例是否得当。

  设计中景别:“远景"

  其他景别同上,在这里不举例,最主要是告诉大家对于产品图片在我们使用过程中,我们应该注意产品和画面所占比例的大小,产品和画面是有黄金分割比例的,如果不是黄金分割比则出现以上举例的情况,我们不知道什么地方有问题,但是就是看着不舒服。


编辑声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本站仅提供交流平台,不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。联系方式:020-38814986
最新评论