术语
UI设计师
工作流程
术语
切图
UI眼中:
UI工程师在做完各种标注后,需要输出一张表的图片资源给开发者。
UI所谓的切图是将图片中的各个元素分割成一个一个的独立的部分。
因为在软件或网页中,各元素的代码应该是分开开的,有些你ui中做的文字部分,对应到软件或网页中就需要写相应的文字显示代码,如果是ui中做的背景,则在软件中就只需要显示该图片。因此进行各部分分割开来,同时也方便浏览器的加载速度。
前端眼中:
切图严格来说并不是Ui设计师的工作,而是资深工程师的工作,指的是将设计师的设计转化为网页,是一种将设计师的“理想”转化为“现实”的工作,将psd进行切片重组利用div + css js等前端开发代码来生成网页的一种技术,此为切图。
第几屏内容
问:UI设计师在跟产品经理沟通的时候,有时候会问到,这个页面大致需要几屏的内容,每一屏的内容要展示什么?
答:这就好比你小时候写作文,每一页可以写多少字(可以自己定义,字大行距大一页内容就少一些),超过了就到下一页。在网页里可以根据图文多少或者记录条数分页显示(动态),主要是方便浏览。当然也有人为地分页(静态页面)。
咱们键盘上有一个pgdn,和pgup它俩的意思就是向下翻页,和向上翻页的意思,我们按shift + pgdn或shift + pgup就可以实现向下翻页,和向上翻页,从而得知当前网页有几屏的内容,第一屏显示的页面内容是什么,第二屏显示的页面内容是什么,等等依次类推。
英寸
英寸是我们常用的长度单位,很多图纸,铭牌都是使用英寸作为长度单位显示设备,此类电视,手机屏幕也继承了这个计量单位,我们常说的3.5英寸手机,说的就是英寸,3.5指的是屏幕斜对角线的长度,乔布斯认为3.5英寸是人类单手持设备的最佳尺寸。
绝对对齐
表达式:
分辨率是图像的基本采集单位,它不是一个确定的物理量,是一个抽象的概念,我们用放大镜看屏幕,发现图像是由一个个小点组成的,这些小就是所谓点。
预期对齐:
&emsp无疑对齐是UI设计师设计图标品质的一个重要保证。UIdesigner设计图标,是使用PS,如果图标的边缘没有对齐的网格,就会出现任何模糊的情况。咱们产品经理对于我们负责的产品要做到精益求精,这个我们需要知道。
矢量图和位图
矢量图:是无论我们放大图片还是缩小图片,图片都是非常清楚的,并且颜色的边缘也非常顺滑,我们产品的徽标,就是被放置在设备上,手机,平板电脑,PC机上,电视上,户外广告牌上,都必须保证产品的LOGO不会出现失真的情况。
位图:某种我们常见的头像,电脑上下载的jpg图片,这些都是位图,当我们放大位图的时候,会出现失真的情况,但是这也并不是说位图就是没用的,我们日常中使用最多的就是位图。
排版
放置指的是,以更加艺术化的手法将文字等内容排布好,让它们更具更强的投射性,更强的视觉吸引力。通过可以给用户带来更好的视觉效果和视觉传达。
厚衬线体
这类衬线体的衬线通常会更加粗壮,多用标题,很少出现在正文中。厚衬线体通常会追求更厚重,更稳固,更权威的视觉体验。
彩通色
英文缩写PMS,也就是我们常说的彩通配色系统,这套系统是属于印刷体系的标准化系统,每个色彩都有对应的彩通编号和名称,更易于使用识别色彩。
品牌
品牌是涵盖公司价值的理念,想法,情感和形象的合集。
正文
网页中文章的主体,这个文章可以是使用说明,可以是新闻,等等;
对齐
各种元素在视觉边缘上保持齐平,按照顺序或逻辑进行布局。布局印刷上所说的对齐通常有布局,居中对齐,左对齐,右对齐和调整拆分,它们都有对应的使用场合。
冷色调
顾名思义,那些有人感到寒冷的色彩是冷色调,例如蓝色,紫色,绿色,等等,这些色彩通常可以制造出冷静,平和的交替。
字体logo
这样的字体LOGO是基于公司/品牌的名称或者,经过视觉化的设计之后而构成。例如谷歌,宜家,迪士尼都是这样的LOGO。
展示字体
电影海报中的电影名称,杂志的文章标题,报纸的头条,等等都在此之上。
引用
从正文中摘出一段文字放大,并利用一种分割和突出的视觉元素,呈现你认为重要的文字内容。在杂志的版面设计上非常常见。
色彩心理学
商标
用视觉化的符号或者形象来作为公司和品牌的标识,最典型的是我们所引起的苹果公司的徽标,它使用的是被咬了一口的苹果。
层次
元素和信息按照重要程度进行视觉设计,展现出来的效果就是层次。正向大标题的字体加粗,确保能吸引更多的注意力。
调色板
您所选取的用于您的设计中的各种色彩,也就是配色方案。
渐变
颜色无缝地逐渐变化,从一种色调过度到另外一种色调,两种色调通常是呈现出线性渐变的,从左到右,或者重中间到边缘。
纹理
模拟真实物体表面材质和感觉的设计。纹理可以使设计对象以质感,反映实际的视觉外观。
字母间隙
英文单词中两个字母之间的间隙而不是唯一统一的,调整两个字母之间的间隙能够让整个单词看起来更加均匀平衡。
单色
设计的时候只使用一种色彩,或者使用某些色调的深色和浅色。
不透明度
通常采用元素高度的指标,不延长越低,更长的时间。
留白
我们也会将其本身负负空间,它通常指的是未填充内容的设计区域。留白在设计中是重要的元素,它赋予设计作品以“呼吸感”,以规避复杂的设计,保持干净。
行间距
它通常指的是两行文字之间的间隔间隔。和字间距一样,它是控制逐步的疏密视觉效果的重要指标。
类似色
它通常指的是两行文字之间的间隔间隔。和字间距一样,它是控制逐步的疏密视觉效果的重要指标。
使用色轮中彼此相邻的三种色彩来作为配色方案。
分辨率
一般而言,较精确的图片,所呈现出来的细节越多,效果越好。
边距
围绕页面或元素的边缘空间,通过增减边距的大小能够创造出疏密不同的视觉效果。
X高度
它因此被称为x高度是应为通常拿字母x作为参考。
互补色
使用色轮上相对位置的两种色彩来进行搭配。
对比度
两个并列元素之间的差异程度,黑和白,深和浅,粗与细,厚和薄,都是对比。
烫金
通过热处理将箔纸加压到印刷品表面。
衬线字体
也就是我们所说的衬线体,它们通常在横向或两端的端点处有装饰性衬线(中文中的宋体通常算是衬线体),衬线体通常看起来很传统,给人专业和权威的感觉。
三色
使用色轮上互呈120度角度的三种色彩搭配。
饱和度
低饱和度的图片会出现苍白,或者是褪色的效果,而高饱和度的图片会变得明亮而充满活力。
非衬线字体
没有装饰性衬线的字体(中文中的黑体等通常算在此列),非衬线体通常看起来更加现代,时尚,整洁。
RGB
RGB是工业色彩标准,其中三个字母分布标识红色,绿色和蓝色,它们也代表三个通道的色彩,RGB和CMYK不同的地方在于它是一种叠加色,加入的色彩越多,整个色彩越接近于白色。
三分法
三分法理论,吸收两横两竖将图片分割成为9个部分,交叉处为图片的重要部位,或者设计重心。
技术
编程术语
害,老本行了。
运营
工作
1、引流
找到目标用户,使用产品。
2、保持用户的粘性
刺激用户的活跃。来向产品
3、用户流失管理
用户流失预警和用户流失挽回。
通过营销文案,接触客户(点击率等)。通过数据运用,来发现产品的问题,数据驱动。