图片如何排版?这波排版技巧请收好

今天要讨论的话题主要是关于点线面分布分析,这部分知识主要是针对空间层面的,学会后真的可以做到任何一张图都能拿来直接做。好啦闲话不多说下面开始今天的内容。

1.图片的疏密

这个方法是我自己思考的,可能严谨性还有待实验,不过我目前的使用还是比较顺手的。我们可以给图片简单的分为九个区域,以此来量化图片的疏密,这样就十分清晰的看到我们的文案应该如何分布。

先随便来两个图我们找找感觉。通过观察我们发现,所谓的疏密松紧也就是空间的分布哪里干净,哪里复杂。

2.主体的图像位置

这两部分知识是承接的关系,确定了疏密也就约等于确定了主体的位置,确定了主体的位置就可以确定构图的形式,因为我们之前做过定义,所谓设计的构图就是协调主体与标题的关系或者说是协调视觉点之间的关系。

所以我们得出结论,图片的疏密分布于图片主体的位置,可以直接作为后续设计文案编排位置参考,因为顺着图片的趋势走就会省掉很多麻烦。

主体位置相较于疏密更加精确,疏密只是针对图片大致感觉的判断,而主体位置部分会涉及到对疏密的更改,下面给大家看一个版式的小案例大家就理解了。(这个设计图 不具备商业属性,是我个人的一种记日记的方式)

优先进行疏密的分析。

我们通过调整主体的疏密块面可以做到让信息以最大的灵活度编排让版式像推箱子游戏一样,只需要把对应文字需要占得面积提前标注我们就能轻松完成设计。

我把编排好文字信息组合图片进行结合后会发现,现有的主体位置不允许我做这样的排版设计,因为存在主体遮挡严重,重心不稳定头重脚轻,主体缺乏视觉聚焦点等等问题,下面我们做的操作就完全是基于问题的处理。

最后简单的调个色就完成了,基于主体位置的应用还有很多,我们可以看到确定主体位置是疏密的细化过程,确定图片疏密是建立基础块面的必要条件。

3.图片的主体属性

不管是图片还是图形都具备其相应的属性,所谓属性指的是它呈现出的视觉状态更加偏向于点线面的哪种方向。为了照顾一些基础不太好的小伙伴下面我会把点线面的概念先简单介绍一下,大家能做到概括的理解就可以。

说完了概念我们再回到最开始的话题,主体的属性,下面我给大家分别叙述点线面各自的应用方式和优劣情况。

随着面的大小变化,所呈现的视觉性与主体面的大小呈正比,面的表现越大视觉性越足,面的表现越小视觉性就越弱,当然弱不代表着不好,有些项目就是需要让面的充实感下降。

以上就是图片排版技巧的全部内容了,更多设计灵感、排版技巧也可在VE Leap社区找到。

原作者:视研设
作者主页:站酷

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/18470.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

日常图片设计,用这几款软件就够了

已经从事设计行业三年多了,虽然自己并不是主要的设计人员,但是在绘图上面还是需要掌握一些绘图技巧的,所以在软件方面还是有所涉猎。下面就是我们小组团队常用的四款软件,简单介绍分享给大家觉得有用的话可以去试用试用。 亿图图…

ChatGPT如何为企业提供帮助?

数字化转型是指利用技术来改变企业的运营方式并为客户提供价值,这不仅仅是关于如何采用新的技术或工具。要想取得成功,就需要从根本上改变文化和心态。 ChatGPT如何为企业提供帮助?从数据分析到知识管理再到客户服务等等,人工智能聊天机器人…

鲨鱼抓包(Wireshark)简易操作说明

最近用鲨鱼(Wireshark)抓包,然后同事表示不会用,想了想,干脆动手弄个小说明吧,如是就有了下面的两张图片。 贴在这里用于备忘,也许能帮助到其他小伙伴。

微信小程序app.js 调用pages页面里 指定js里面的方法

在app.js里面的globalData定义参数 之后在apply-voucher.js里面的成功回调函数里面写上 app.globalData.indexJS that 然后在app.js里面的回调函数里面写上 that.globalData.indexJS.方法名即可调用其它页面的方法 例如 that.globalData.indexJS.checkDingYue(codeId) 这样…

小程序使用vant框架的Toast步骤

小程序使用vant框架的Toast步骤 第一步在组件中引用 备注&#xff1a;如果是component组件则需要在父页面中引用在页面写上标签&#xff08;如果在子页面使用&#xff0c;则在父页面写入下面的代码&#xff0c;如果不是组件页面则直接在本页面引入&#xff09; <van-toast…

微信小程序,文字展开、收起组件

// components/collapseCommonLine/collpaseCommonLine.js Component({// 开启插槽功能options: {multipleSlots: true},/*** 组件的属性列表*/properties: {clamp:{// 默认显示行数type:Number,value:1}},/*** 组件的初始数据*/data: {showMore:false,// 是否展开},/*** 组件的…

怎么为typora配置一个可爱的小鲨鱼主题?

小鲨鱼主题 说明 都说用 typora 做笔记&#xff0c;写东西比较方便&#xff0c;这半年用下来确实是如此&#xff0c;比 word 文档在某些方面确实是要方便的不少&#xff0c;然后如果你有一个漂亮的主题&#xff0c;确实是可以促进我们的学习积极性的&#xff1b; 然后我对这个…

【Unity】射击小游戏

鼠标控制人物旋转方向 前言一、准备一些Object二、代码示例1.Player脚本2.PlayerController脚本3.Hierarchy面板 总结 前言 演示 提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 一、准备一些Object 示例&#xff1a;准备Player&#xff0c;Plane&am…

微信小程序swiper禁止手动拖动

先附上官方文档传送门 swiper | 微信开放文档 这是一个微信小程序的遗留问题&#xff0c;因为swiper是有一个allowTouchMove的属性控制&#xff0c;设置为false&#xff0c;则不能通过鼠标或手指选中&#xff0c;上下或左右拖动。 这个问题官方历经几年时间还是没有补上&…

大鲨鱼代码

大鲨鱼代码 鼠标移到哪里&#xff1f;大鲨鱼到哪里 没事拿来玩啊&#xff01;好玩好玩 以下是全部代码&#xff0c;直接粘贴复制就可以使用 看效果 <!DOCTYPE html> <html><head><meta charset"UTF-8"><title>大鲨鱼</title>…

基于pygame的小游戏开发

** “大龟吃小鱼”小游戏开发 ** 摘要 “大龟吃小鱼”游戏是基于python语言的pygame模块&#xff0c;尝试模拟实现网络小游戏“大鱼吃小鱼”的运行效果而进行的实践性单机小游戏项目。旨在对本段时间里的python学习效果进行考查与检验。本项目完全由本人对python基础知识以…

鲨鱼后台源码6.0版本安装教程

这期教大家源码如何安装网站&#xff0c;记得收藏 下载源码&#xff1a;https://pan.baidu.com/s/16lN3gvRIZm7pqhvVMYYecQ?pwd6zw3 首先需要一台服务器&#xff08;这个自己去准备&#xff09; 解析域名&#xff08;不会自行百度&#xff09; 去宝塔官网安装面板 环境:p…

交易猫鲨鱼源码后台

教程&#xff1a;修改数据库账号密码直接使用。 下载程序&#xff1a;https://pan.baidu.com/s/16lN3gvRIZm7pqhvVMYYecQ?pwd6zw3

交易猫鲨鱼后台搭建

教程&#xff1a;修改数据库账号密码直接使用\n\n程序&#xff1a;https://pan.baidu.com/s/16lN3gvRIZm7pqhvVMYYecQ?pwd6zw3

CSS小鲨鱼

280行纯CSS&#xff0c;喜欢拿走 无论是css还是别的&#xff0c;前端的学习总是妙趣横生&#xff0c;只要思想在不断进步&#xff0c;技术就会一次次的突破。如果你学习过CSS&#xff0c;你会更加了解这段代码的神奇&#xff0c;送给你&#xff0c;远道而来的求学者。 <!D…

交易猫鲨鱼系统源码搭建

教程&#xff1a;修改数据库账号密码直接使用。 源码带有教程! 下载程序&#xff1a;https://pan.baidu.com/s/16lN3gvRIZm7pqhvVMYYecQ?pwd6zw3

初次模拟小鲨鱼记账本1.0

我打算逐步将小鲨鱼记账本优化,这次没有用到数据库,等出到2.0版本再用 本次的核心是查找数据用了stream流(我的另一篇简单介绍了什么是Stream流) 用到的比较简单,用于对Java基础的巩固加深,下一次的2.0版正好再对数据库的知识进行复习 如果有机会出3.0就把学的前段一些知识再…

【PPT】《使用ChatGPT一键制作带自动配图的PPT演讲稿》- 知识点目录

《使用ChatGPT一键制作带自动配图的PPT演讲稿》 1. 使用ChatGPT生成prompt 生成一个用于Tome制作《汽车诞生史》PPT的prompt为了制作《汽车诞生史》PPT&#xff0c;您可以考虑以下提示&#xff1a; 开场&#xff1a;引用一句关于汽车的名言或警句&#xff0c;如“汽车是现代生…

一看媲美chatgpt的ai工具站notion ai

介绍&#xff1a; Notion AI是一种人工智能技术&#xff0c;旨在通过自然语言处理、机器学习和深度学习等技术&#xff0c;帮助用户更高效地处理信息和完成任务。Notion AI可以帮助用户自动化一些常见的任务&#xff0c;例如自动分类文档、提取关键信息、生成摘要、自动回答问…

向ChatGPT开炮!谷歌打响全面反击战!官宣新模型比肩GPT-4!

点击下方卡片&#xff0c;关注“CVer”公众号 AI/CV重磅干货&#xff0c;第一时间送达 点击进入—>【Transformer】微信技术交流群 明敏 丰色 发自 凹非寺转载自&#xff1a;量子位&#xff08;QbitAI&#xff09; 万众瞩目&#xff0c;谷歌的反击来了。 现在&#xff0c;谷…