文案排版的元素:字形、方向、颜色、数字、英文、纹理、框架

文章描述:敏捷设计之超级淘宝店设计简易排版参照模板.

我发现我上次想的文案形状设计法还是很有效的,至少在我的工作中有起到很好的作用。

这种排版方法的关键在于让文案依照形状的走势来排版,整体效果是可以的,但是文案的排版精细度就不会太够。

为此我决定把这个方法再拓展一下。

在不考虑模特照片的情况下,我们可以把文案排版的元素分为以下七种:

字形、方向、颜色、数字、英文、纹理、框架。

然后我按照设计的难易顺序来排个参照序列。

一、斜向排版&竖向排版&横竖混排

有倾斜的排版视觉效果是非常直接的

斜向排版范例

特点:倾斜角度不要超过45°,否则影响视觉效果。另外一旦采用斜向排版,建议把所有文案内容都采用斜向排版,否则看起来不协调。

竖向排版范例

特点:竖向排版适合做有文化底蕴的东西。

横竖混排范例1

横竖混排范例2

特点:横竖混排非常考验排版能力,属于高端技巧,虽然很难排出效果,但是偶尔尝试一下也未尝不可。

二、双色排版及三色排版

如下图所示的设计图在淘宝还是比较常见的,问题的关键是你有没有掌握里面最核心的设计方法。我把这种排版简洁视觉效果突出的方法归纳为双色排版和三色排版。当然,关于色彩的排版设计并没有那么简单,我只是出于高效排版的需要所选择这样一种排版方式作为我的设计参考模板。

双色排版范例

特点:文字隔行排版,且两种颜色对比强烈。

三色排版范例

特点:这里的文字颜色有三种。一个背景色,一个白色,一个黄色,这种颜色排版方式颜色对比强烈但又很协调。我们自己做图时可以采用另外的对比色,背景色和白色可以作为基础色。

[1] [2] [3] [4]  下一页

时间: 2024-08-28 06:18:36

文案排版的元素:字形、方向、颜色、数字、英文、纹理、框架的相关文章

JavaScript对表格或元素按文本,数字或日期排序的方法

  本文实例讲述了JavaScript对表格或元素按文本,数字或日期排序的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 6

java 排序-Java list排序 list的元素类型为包含数字和字符串的自定义类型

问题描述 Java list排序 list的元素类型为包含数字和字符串的自定义类型 Java中自定义了一个数据结构:linkType{string str; int weight} 包含一个字符串,还有该字符串的权重 现在有List list = new ArrayList 希望能将list中的linkType按照字符串的权重重新排序 解决方案 楼上说的对. 使用java原生的API很方便的可以排序. 第一步对你的自定义类要实现Comparable接口,实现它的compareTo方法,在这个方法

js 求帮忙写一个正则表达式 要求只能输入 数字英文和汉字的 其他的一律不能输入

问题描述 js 求帮忙写一个正则表达式 要求只能输入 数字英文和汉字的 其他的一律不能输入 js 求帮忙写一个正则表达式 要求只能输入 数字英文和汉字的 其他的一律不能输入 解决方案 [d|A-z|u4E00-u9FFF]+这个可以匹配简繁中文和任意数字以及字母. 解决方案二: 网上找的,试一下行不行 ^[u4E00-u9FA5A-Za-z0-9]+$ 解决方案三: 我试了一下可以啊 <input id=""a"" type=""text&

“数字/英文.中国”正式全面开放 用户纷纷抢占申请时机

中介交易 SEO诊断 淘宝客 云主机 技术大厅 对于域名界而言,10月29日是个重大的日子.这一天,CNNIC将"英文/数字.中国"域名正式开放注册,按照"先申请先注册"的原则接收企业.机构和公众的申请注册.据万网负责人介绍:仅截止到30日,万网便接收到了包括企业.机构和个人的.中国域名申请几千个. 万网副总裁宋瑛桥表示:"'数字/英文.中国'的开放注册,满足了中外企业对英文或拼音品牌词注册和推广的需求.除了常规的热词注册,其还有着特殊的价值,例如可以满足

利用JS判断鼠标移入元素的方向_javascript技巧

最终效果 这里的关键主要是判断鼠标是从哪个方向进入和离开的 $("li").on("mouseenter mouseleave",function(e) { var w = this.offsetWidth; var h = this.offsetHeight; var x = e.pageX - this.getBoundingClientRect().left - w/2; var y = e.pageY - this.getBoundingClientRect

后社交网络时代的投资方向:数字健康产品

硅谷网8月19日讯 硅谷的投资者们已经对社交媒体产生了疲惫感.他们的下一个"新欢"--数字健康产品. 据总部在纽约的创业学院统计,7月份,全美有45家卫生信息技术企业共筹集资金近2.14亿美元.这一数字比去年同期上升了90%. 虽然传感器技术的发展还显得落伍,但是投资者的兴趣依旧不减.据Startup Health统计,上个月,投资者对可穿戴技术和身体指标测量方面的投资比去年同期上涨了144%. 硅谷的的关注对数字健康领域内的创业公司来说来说并不新鲜.这个领域正在日益吸引知名企业家和投

使用正则限制input框只能输入数字/英文/中文等等_正则表达式

常用HTML正则表达式 1.只能输入数字和英文的: 复制代码 代码如下: <input onkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text1" NAME="Text1">

asp.net C#验证邮箱,电话,手机,数字,英文,日期,身份证,邮编,网址,IP类正则验证

下面收藏了大家开发中常用的到各种表单验证函数,包括有邮箱,电话,ip,网站,日期,身份证等,希望对各位有所帮助 #region 验证邮箱验证邮箱 /**//// <summary> /// 验证邮箱 /// </summary> /// <param name="source"></param> /// <returns></returns> public static bool IsEmail(string so

使用正则限制input框只能输入数字/英文/中文等等

常用HTML正则表达式 1.只能输入数字和英文的: 复制代码 代码如下: <input onkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text1" NAME="Text1">