交互设计海报-ui交互设计文字排版有哪几种手法？

典型的现代优化方法只能解决显示优化问题,本文主要从隐式优化问题入手,利用交互式演化算法让用户参与目标个体评价的特点,计算出满足用户需求的最优个体,最后将此方法用在海报设计上,得出较好的结果。

1交互式演化算法

遗传演化算法是一类借鉴生物界“适者生存,优胜劣汰”遗传机制的进化规律演化而来的随机化搜索方法。算法模拟自然选择和自然遗传过程中发生的繁殖、交叉和基因突变现象并产生下一代的解。在每次迭代中,逐步淘汰适应度函数值低的解,保留适应度函数值高的解。重复此过程,直到满足某种收敛指标为止,传统的演化算法适合解决显式优化问题。交互式演化算法是在基本的遗传算法基础上发展起来的一种新型的算法,是通过交互的手段,演化过程中通过用户对个体适应度评估对适应度函数值进行自动计算的过程。交互式演化算法的优点在于用户与机器相结合,共同解决遗传操作中不能解决的问题,满足用户的个人偏好,得到用户个体所满意的最优解,交互式演化算法适合解决隐式优化问题。。

2算法设计

2.1适应度设计适应度函数在传统的优化问题当中能够衡量解的优劣,特别是对于显示优化问题而言,用适应度函数性能指标来衡量适应度,然而,对于隐式优化问题而言,并不能用显示的评价方法,更不能使用精确的数学模型,只能利用用户凭借个人主观意识对种群个体进行评价。适应度值的大小依托于用户个体的个人偏好。这就需要在典型的优化方法中融入“人的偏好”才能得到最优化设计方案。在设计的过程中,每一代生成的新种群的偏好值不变,适应度最高的个体将直接保留到下一代。

2.2编码本文将海报编码设计为两部分:Logo和Body,一个染色体表示一张海报,且用一个八位长度的二进制编码串来表示一个染色体,在这八位编码串中,前四位表示海报的Logo,后四位表示海报Body。在Logo的四位编码中前二位表示海报风格,后二位表示颜色;在Body的四位编码中,前二位表示海报风格,后二位表示颜色。由此,一张海报共有=256种样式。按照此编码方案,如一个染色体00000111,则Logo中的00表示风格,Logo00表示颜色,Body01表示风格,Body11表示颜色。

2.3交叉和变异本文采用了两种交叉操作:单点交叉和两点交叉。例如单点交叉中有2个染色体分别是00000111,01100101。经过单点交叉变异后,生成的两个子代个体染色体分别为00000101,01100111,所代表的风格是:个体1中Logo是“古典”且颜色为红色。Body是“绚烂”且颜色为蓝色;个体2中Log“o现代”且颜色是绿色,Body是“静怡”且颜色是紫色。通过单点交叉操作后,两者海报风格生成了四种新的海报风格。

2.4变异变异的目的就是改善演化算法的局部搜索能力,维持群体的多样性,防止出现早熟现象。具体做法是:若个体是由二进制编码符号串所表示,将某一基因座上的原有基因值为0,则变异操作将该基因值变为1,反之,若原有基因值为1,则变异操作将其变为0。本文采用的的是随机点变异。

2.5算法流程第1步:根据实际问题进行编码,设置演化算法的各参数。第2步:随机生成初始种群。第3步:解码生成个体的表现型。第4步:用户进行个体适应度的评价。第5步:判断是否有用户最满意的个体,若有,算法结束,输出最优个体。第6步:若没有,判断是否满足停止条件,若没有,进行演化操作后转向第3步。

3实验结果

系统先与用户交互,列出6中风格的海报,用户为每款海报打分,分值最高的即为自己喜欢风格的海报,系统按照此方法进行演化,最终得出用户做喜欢的海报风格。海报编码和评分如下列所示:海报序号为1染色体编码为01110011用户评分为78海报序号为2染色体编码为00000101用户评分为89海报序号为3染色体编码为10011111用户评分为80海报序号为4染色体编码为01011100用户评分为90海报序号为5染色体编码为10100001用户评分为67海报序号为6染色体编码为11101001用户评分为70对10名用户进行实验,结果如图2所示,用户对系统推荐海报的平均打分为82,表明用户的满意度较高。随着用户与系统进行交互时选择的海报数量的增多,最后的评分也随之越来越高,说明结果与用户的需求越接近。

本文主要从隐式优化问题入手,在优化问题中加入了用户的“个人偏好”,利用用户参与目标个体评价的特点,得出满足用户个人偏好需求的最优个体,最后将此方法用在海报设计上,用户根据自己的喜好对海报的风格进行打分,实验结构表明,此方法有较好的效果。

1、拉开主次

一是要拉开版面中图片与文字之间的主次,确定文字还是图片为主体,以确保版面的视觉聚焦。

二是要拉开重点文字与非重点文字的主次,有时候就算是在一个标题的文字中,都要明显区分主次;

三是要拉开图片与图片之间的主次,比如在画册设计中,一个版面里可能会有很多张图片,有大小区分的话会显得更灵活多变。

2、错位

受习惯影响,很多设计师会不自觉地把版面中的元素全部对齐,整洁是整洁,但也会丧失灵活性,所以有时候我们可以把部分元素进行错位排版,比如标题和副标题错位、标题和正文错位、文字和图片错位、一段文字与另一段文字错位等。

3、叠加

通常我们在排版的时候会让各个元素处于分离的状态,即两两之间保留一定的距离,这样阅读起来更简单、更轻松。但如果把部分文字与文字、文字与图片或图片与图片进行叠加处理,那么版面的层次感会更强,视觉上也会更灵活。

4、手写体

手写字体本身就比宋体和黑体看起来要更轻松一些,所以用手写字体来排版的效果相对来说也会更灵活一些,很适合用在儿童和服装品牌、走心和食品类海报的设计当中。

5、去底图

由于去底图片的轮廓往往是不规则的,很难与矩形的版面以及文字完全对齐,所以在排版时把部分图片进行去底处理,也可以提升版式的灵活性。

6、旋转倾斜

旋转倾斜的文字或者图片给人有一种不稳定的感觉,所以会具有一定的动感,有动感版面自然就不会太死板和僵硬,在运动和促销类海报和促销标题的设计中经常使用这一技巧。

互交设计,又称互动设计,交互设计(英文Interaction Design, 缩写 IxD 或者 IaD),是设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软体、行动装置、人造环境、服务、可佩带装置以及系统的组织结构。互动设计在於定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的介面。

互动设计师首先进行用户研究相关领域,以及潜在用户,设计人造物的行为,并从有用性,可用性和情感因素(usefulness, usability and emotional)等方面来评估设计品质。

互动设计在任何的人工物的设计和制作过程里面都是不可以避免的,区别只在於显意识和无意识。然而,随著产品和用户体验日趋复杂、功能增多,新的人工物不断涌现,给用户造成的认知摩擦日益加剧的情况下,人们对互动设计的需求变得愈来愈显性,从而触发其作为单独的设计学科在理论和实践的呼声变得愈发迫切。

然而,由於互动设计的研究者和实践者来自不同领域,而且这个领域本身尚在建立阶段,因此人们往往对某些问题尚未达成共识,甚至对类似和相同的问题本身的理解以及解决方式也可能有不同方案,且相互矛盾。比如互动设计的基本元素包含什麼,现在也还在讨论中。

但是人们依然形成了一些不相互否认的共识,比如,互动设计是设计人和物的对话(dialog),而互动设计研究和实践的本质可能是隐藏於这个对话中的。互动设计的目的包括,有用性,易用性和吸引性的设计和改善。

特别是进入数字时代,多媒体让互动设计的研究显得更加多元化,多学科各角度的剖析让互动设计理论的显得更加丰富。现在基於互动设计的产品已经越来越多的投入市场,而很多新的产品也大量的吸收了互动设计的理论。