编者注:本文从找图、图片比例到降噪方法、后处理技巧、运用须知全方总结了关于图片设计的基础知识,
今天给家分享的关于图片设的那些事儿,希望今天的分享可以让知道图片的重性以及图片设中的一些基本处理技巧。
图片设中的就如同一人的衣品,不同的穿衣风格会使别人对作出不同的判断,打不同社会属性的标签。随用户对各类体验的不断升级,商家也各种细节面不断优化,对于图片的求也不断加以重视。今天给家分享的就关于图片的那些事儿,希望可以给多帮。
本文将从图片在设计要性开始解析,加强大家图片认知;再从图片比例、后期处理技巧、设计运用须知等分享关于图片在设计处理经验;最后也会分享下我们在寻找合适图片过程法与后期图库管理经验。
相信图片在设计要程度于设计师来说已经了然于胸,虽然大家都会选择更好图片资来进设计,是依然有很多需要设计师注意和把控地,下我们起来看看。
1. 提高图片的质量
越来越多品图片质量开始加以视,比如网易严选品图片摄与处理都有严格规范,目是为了提升品质和在用户心印象。我们在设计时候更要以最佳图片来烘托我们设计稿,图片质量影响着个设计格调。
在品设计,很多伙伴会觉图片都是后期运上传,我设计稿做再精美最终也是没用。于这个问题我观是这样:
- 的设输出设师专业的体;
- 把最好效呈现决策者,增加他你设计能力印象;
- 通过制定运营视觉规范来把控图片质量,是可以严格把控你对图片的视觉追求;
- 你的态度给你带来运。
2. 图片的真实还原
虽然前提到图片质量要性,是我们不能为了视觉效选择些与主题关配图,这样也会决策者误导。我们可以提高配图质量,是需要保证图片真实原,这样才能让你设计作品更加真实合理。
在一些本土的产品计中,对于国外图片素材的运用,需要谨慎对待。如案例中的模形象,文案息的传达更加偏向于国内的景,如果运用一张国外的模素材也许格调更高,可是却无法真实的还产品景,会给决策者传达一种错误的认知。
3. 图片版权须知
关于版权这个问题往往有很多设计师不以为意,要么是压根没注意这个问题要性,要么是抱着侥幸心理。我们作为专业设计师,不仅需要保护和维护自身权益和公司利益,于作者尊也是基本职业素养。
在项目中面对图片版权问题要主动告知需求方,这尽了职业义,也让需求方能够做出正确的判断。
在对产品界面进行布局的候,图片的比例往往被大家所忽略,凭着觉任选择一个整数数值进行计,在多个地方出现相同内容图片的候也会尺寸混乱,这无形中增加了前后的规范性和存储压力。
下面从项目中常用的图比例和需要注意的地方给大家进行分析,也给大家分享一下图比例的选择方式,在整套产品设计中需要持一致等问题。
1. 图片比例有什么讲究
不同比例的图所传达的信息主不尽相同,根据产品属我们选择与之相符的图比例进行整的界面局。
通过体验一些流的产,我们会发现较的图片例,如 1:1、2:1、3:1、3:2、4:3、16:9、16:10 等等。会发现一些打破规例的设计,我们需要分析它们的性格,结合自身产的特点,才在自己的产设计中合地。
面择几个例进行分析,希望抛砖引玉,带给大更多的思路。
1:1 强调体的存在感
1:1的图片例是较见的一种设计例,利此长宽更容易将构图归整得简单,突体的存在感。于产展示、头像、特写展示等场景,在电商类产中尤为见,如:淘宝、易严、易考拉等。
产品设中通常以两栏或以主,通栏展示的况一般用于商品详页图部分展示居多,其余界面布局较少利用通栏展示。
4:3 图像紧凑、更易构图
4:3的图片例可使图像更紧凑,更易构图,方设计师进行发挥。由于手机屏幕容量较小,作为全屏展示时,该例在产设计布上面占空间较大,通我们作为分栏来进行界面布。
对于设师,这比例常接触,站酷、Dribbble 的作品封面,携程、厨故事产品中也均采用这比例。
16:9 电影场景般的效果
16:9的图片例可呈现电影场景般的效果,多于横向构图,是应非广泛的尺寸例之一,给户一种视野开阔的体验。在很多影视娱乐类产设计中广泛,如腾讯视频、易音乐等。
16:10 拥抱黄金比例
黄金比例就像金字塔上的明珠,越接近她越有魅力,16:10的图比例最为接近。设计没有绝对的标准,我们以遵循一优的规则,但是也要敢突破规则,尝试更的能。
X:≤Y 瀑布流计
X:≤Y代表宽度固定,高度在最大值之间定义的瀑布流计,在一些用户没有确的目的,只是喜欢获取尽量多的息的情况下采用这种计方式。X:≤Y的图片比例要注高度的控制,最大值不要超出屏幕可显示域的范围。
以上列举的仅为部常用比例的析说,还有更多的比例这就不一一演示,享的目的是让大家养成析的习惯,结身产品点选择适的图片比例。
2. 图片比例选择方式
图片比例选择方式:
- 以商品展示效为准,选择能够充分表现商品特图片展示比例;
- 以产品气质为准,选择符产品内容气质的图片展示比例;
- 结合产品特点选择合适的常用比例;
- 根据版面布灵地自定义特殊的例值;
- 分析→打破→创新,创造出符合某种规律或者学概念的比例。
3. 图片比例的一致性
当我们结合产品特点确定合适的图展示比例以,需要针对整的局与图分情况,规范出局以采用相同的图展示比例。在障视效果与互形式的情况下,相同的主,在不同的页面中最采用相同的比例呈现,样的处不仅以持视表达的一致,也能给期运营护带来便。
如果说公有专业的摄队,那对于图片的需求相对会容易足。对于大部的队来说计找图理图片都是比较日常的工作,在产品计面,虽然不一定能够达专业修图的修标准,但是比较常见的理巧还是需要掌握的。
1. 裁切简化图片
在项目中,会通过一些图库网站去寻找适的配图,但是想要刚好足还是比较难的,对素材进行裁切来突出想要的部是比较简的图片处理技巧。
实际生活中拍摄的照片总会出现多干扰主体的内容,裁切掉多余的内容突出主体息。裁切后的图片构图更紧凑、凝聚,主体更吸引力。这也是说的对图片进行降噪,排除多余的干扰。
2. 相同尺寸的裁切
系列图片进排版时,需要保持图片比例尺寸统性,我们在多个图片素材进裁切处理时,需要以最小裁切空图片为示例去裁切其它图片,这样才能保证最终展示效。
如果是人物图片,需要注人物眼睛的视线,让眼睛的位置尽量保持在水线左右。
3. 视平线作为水平线的基准
我们在选择物图片时候,张特写镜头能传眼神与眼神交流感觉,在进裁切时候要以视平线为准进缩放裁切,可以保留眼神交流感。图片放越大,眼神交流感会越强。
4. 调整图片的垂直线
我们选择图片的时候,如果如同城市建筑类型的垂直主体时,我们需注意主体与平线的垂直关系。如果构图特意需倾斜的效果另当别论,否则我们将会优先考虑这因素,选择主体垂直的图片或者后微调让主体垂直平线,这样整画面加协调稳。
5. 调整图片的地平线
选择图片时如果明显平线的照片,需注意平线否平行。平线的平行将会于画面感的协调,如果遇到体特殊效果,如体速度感、突破画面张力、营造不稳性、强化某种视觉效果,也会特意打破平线的平行。调整平线平行时,可以通过软件的变形具对图片行后处理。
6. 通过局部来强化主体
有时候一张普通的图片并引起我们的注意,但是我们通过放大突单一的体特征时,往往可获得更好的视觉效果。放大后的体构图更饱满,视觉效果更强烈。
7. 局部特征的极端运用
局部特征放大到一定程度的时主信息被淡化,为极端的处理方式。样处理出来的图主将无法识别,极端的裁切方式常用背的使用。我们也以通 Photoshop 软件的高斯模糊等工具进行处理,形成一特殊彩融合的背图。
8. 三分法
在进行图片裁切的候,不一定总是将视觉主体放置在画面中心点,将视觉主体放置在三也许可以增加更多趣。如果当画面中主体是人物,可以考虑将人物主体或者视线放置在三。
9. 避免接近人物发际线
面对一些人物图片,在进行裁切的候需要注人物的发际线。在裁切人物发际线就会想秃头,因此不要靠近人物发际线,留下足够的头发,不要过度裁切,以免响人物形象。
以上列举了一些常用的理形式,更多的形式希望大家多多的总结,在计中考虑每一个细的素差别。
噪音会对的生活造成干扰,喜欢安静的环。对于图片的理也有降噪的说法,可以让画面更加简洁,主体更能突显。
下面给大家分享一下找图前的降噪思考和期处理进行降噪的经验。
1. 找图前的降噪思考
在选择图的时,要尽量选择主表现突出,没有信息进行干扰的图。我们要明确主题,寻找的图要能单一的表现个主题,果一图中表现个信息源的时,给人一种信息干扰。
我们在拍摄商展示图的时候就是考虑这个因素,尽量最简单的背景来衬托,它的物体元素仅仅作为现,会抢占体物的呈现效果。
2. 设计软件的后期处理
有时没办法通自行拍摄获取图,我们在通图库网站寻找图的时也不一定要刚达到心中的标准,以用设计软件进行期处理,通常运用 Photoshop 软件居。
3. 利用去底来进行降噪
对一背比乱的图,我们为更加统一视效果,让主更加突出,通去底来进行降噪,特别是在展示品图的时。
去掉底一般有几种处理方式来衬托主:
- 以底的形式显示,这个比较常见,有候为了让图片的外轮廓出现也会加一个浅色的描边;
- 设置一个固定值的浅灰,样处理也能形成视统一,还能让图的外轮廓清晰,也有通品牌融出的一个偏向品牌的浅为背;
- 根据图片体的配色反推浅色背景的配色,通是降低色彩明与饱和的形式;
- 图片去底后利用深色作背景,比较少出,一般品牌色、深灰色、黑色。
通以上的一分享我们以掌握图的基处理方式,在进行运用的程中有很需要注意的地方,比关结合卡式局的时内外圆角的关系以及对图设置投影的注意项等。
1. 内圆角与外圆角的处理
现在很产品局运用卡式,果对卡进行圆角设置以,对卡内部的图通常也设置一点小圆角。设置的数值由卡外圆角数值减去它们之间的间隙数值,果出来的数值为负数,原理上图不做圆角设计也是以的,只是为整风的统一,我们通常设置一个小圆角。
2. 图片的投影设置
如果计需要不断更新的图片,通常不建议置投,因为图片配色风格、色彩比重、暗程度等不同,都会响投的效果。
在相同投影参数设置的前提下,浅风的图显得投影重,深风的图显得淡。样的反差影响我们对图的选择。果图是用户随机上传的,我们是很难进行控的。
但在一些特殊固定的场景,图片都是设计师可把控的前,我们可根据图片的情况同来区别对待投影的参数。
掌握各种图处理的技巧,但是能够找到更加合适的图资源,将大大降低我们的处理工量,也能带来更的效果。找图相对比耗费时间,大家在平时要用空余时间进行验,看到质量的图先进行分类收藏,需要的时以根据分类去寻找。
我们仅要善于利图库和键词发散来进行图,要养成良好的习惯,可注更多的优质画,可创建属于自己的图库资源。
1. 正确地利用各类网站资源
现在图库的很多,我们在择图片的时候要注意版权说明,可载使并代表作者进行了原创授权,在进行商的时候还是需要了解详情,一些具备正版授权的正规平台。
当我们一些平台发优质的图片资源时,可以行采集分类,如果图片编,可以存储的时候把编备注称,方便以后需高清图时可以通过编行搜索。
我们在利用图库网站搜索图片时候可以利用图片信息筛选更大尺寸;利用相似图片功能可以搜索更多类似资;击图片可以进到原始出处,可以找到更多系列主题下资。在百度识图、站酷海洛等平台里,设计师可以利用以图搜图功能在图库里找寻高正版图片。
荐些常用图片网站大家:站酷海洛、500px、1x、Pinterest、unsplash、foodiesfeed等等。网站很多,根据自己需求选择使用即可。
2. 巧用关键词发散
现在找图片网站很多,是我们要善于进些关键词发散,有些资接搜索不定能够找到合适。
举一个简的例来说一下关键词发散的作用,比如圆形和香蕉是没有本质系的,但是通过关键词发散就会产生关,圆形→西瓜→水果→香蕉。对图片资源来说理相似,比如要找一张美图片,搜索的关键词不一定是「美」,这个关键词进行发散可以衍生出尚杂志、街拍、模、气质、尚大片、穿搭等等,这通过发散出来的关键词也许能找更加符的图片资源。
3. 关注雷锋
个审美和设计感觉都不样,也会影响最终作品效。法技巧都可以短时来提升,是设计感觉是需要长时进熏陶。我们可以关注些优秀设计师,关注他们创画板和分享资,让他们审美能力成为你层过滤网,帮你筛选掉些劣质资。
也可以通过老机关注的计或者画板来寻找出更多的优质资源,通过关系链可以让你认识和发现更多优秀的计。
4. 创建自己的图库资源
多计会忽略日常资源采集的重要性,总是在需要的候才去寻找想要的资源,但总是徒劳。也有多通过一些途径一次性获得上百G资源,内心是喜悦,以为从此计无忧,却不知后面似乎也没什用……你肯定还有更多类似的情况。
俗说有备无患,成良的设计习惯很重要。常的采集习惯将给设计师带来大量灵感和提升执行效率,设计做不其中部分因素就是灵感素材没有找对。
建立灵感图库相当于形成一本字典,当你需要的时候可进行查询;闲暇的时候可进行顾,挖掘一些优秀作背后的轨迹,够到后期的项目中,升工作执行效率。
之写了一篇相关的文章《2019如何养良好的灵感收集习惯?看这份指南!》,欢迎阅读。
随着用户体验要求不断提升,我们需要从各个加强设计细节,图片资好坏不仅传递是商品品质,也能够体现品格调。希望今天分享可以带大家图片认知,在后期品设计过程可以考虑更全,如有补充欢迎留言互动。
欢迎关注作者的公众号:「行设视觉」