ui设计知识点

1、ui学习记录2018-11-19一，设计必备基础1. 设个风格，中国风，时尚风，科技风；2. 设计需要具备的能力；（审美能力和实现能力，（字体，字体大小，配色，版式，板块大小，让用户心情愉悦；更快更有效率的接受信息）用户体验的了解，性别，年龄；页面布局信息的认知；沟通理解能力；设计的界面能否被后期实现，如图片大小成正比出现；）*设计规范，设计风格*3. 项目的整个过程（需求整理，界面设计，程序开发，产品上线后期维护）二，网站的分类；1. 门户站；工作量，工作信息大，用户比较多；功能单一；注意（严谨对齐，颜色两种最好，字体最好是系统自带）2. 平台站；（注重用户体验，产品管理，订单生成，订单执行

2、，产品量大，颜色暖色调，功能划分细致）3. 品牌站；企业形象站；品牌形象站；产品形象网站；三.ps基础黑色：最低调的奢华；折叠导航；视觉冲击力；引导用户：推荐主打款；最新，最经典，最吸引客户的眼球，最优惠的活动（忌讳太多让用户来选择）；不管是手机屏幕还是电脑屏幕，只要是屏幕就是72像素；在纸张上面是300像素alt加delete是填充前景色；ctrl+delete是背景色填充；画布放大缩小ctrl+,ctrl-填充颜色前景alt+delete填充后景色ctrl+delete2018-11-20一.抠图分类：1. 清晰轮廓，（钢笔）2. 复杂轮廓，3. 半透明轮廓工具栏左边分区：第一类是选择类（

3、位图），第二类是修复类，第三类为矢量工具组；智能转换对象防止虚图；2018-12-06视觉效果，交互效果，用户体验1网页设计，软件设计，移动端界面设计，初级UI设计师；logo，图标，APP主题，2. 交互设计算是入行的设计师，建立与机器的联系；了解产品的想法和布局，结合数据制作产品的原型设计；（原型图）；3. 用户体验；简称ue.用户体验是指用户在使用产品过程中的个人主管感受；性能；产品运行是都够快，是否稳定，是否占很多的系统资源等；内容：产品的内容是否为用户解决一定的问题，内容hi否满足用户的需要；交互：产品的交互是否顺畅，用户是否可以无障碍地使用界面；界面：产品的log。,主题、颜色、布

4、局等是否能给用户统一的整齐的高质量的设计感；了解用户的需求；了解石油行业的详情，了解用户的操作过程，在了解2018-12-06红色为运动和石油类的公司和行业黄色主要为运动类的居多；绿色的主要是食品类为主；蓝色为科技技术行业居多；黑色，紫色为女性用品的logo；色彩三要素1. 色相；2. 明度；3. 纯度；色彩搭配：1. 单色搭配；一种色相由暗，中，明三种色调组成。这就是单色搭配；单色上并没有形成颜色的层次，但形成了明暗的层次；这种搭配再设计中应用时出来的效果永远不错；（优劣：对比效果统一，文静，雅致，含蓄稳重，但是易产生单板，单调的弊端；）2. 近似色搭配；（类比色搭配；为响铃的颜色做的搭配，

5、拥有共同的颜色；类比色内容丰富；优劣点是效果感觉柔和、和谐、雅致、文静，但感觉单调、模糊、乏味、无力、必须调解差来增强效果）3. 补色搭配；（也称对比色搭配；色环上颜色相对的两个颜色；近景暖色，远景冷色）4. 分裂补色搭配；5. 原色搭配；（除了在儿童的搭配之外就用原色-红黄蓝颜色搭配）色彩搭配的方法：（颜色有主次之分）1.70%；25%；5%；面积为70%为底色；面积为25%为主色；面积为5%为强调色；做界面设计的时候最好是每个部件为一个图层；2018-12-081. 颜色是拥有配色比例的（主色多用，辅助色少用，用在关键的位置）；2. RGB颜色模式下，你的颜色选区范围最好集中早拾色器面板的

6、右上角（不要直接用最左边的颜色；）3. 柠檬黄，青绿色，青蓝色，紫罗兰这些颜色都是很亮的颜色，如果需要使用他们作为模块的背景色，请适当的降低他们的饱和度，名都但是不要降低的太多；4. 渐变色的应用，渐变颜色不要使用跳色，可以使用邻近色（类比色），还可以使用单色（明度饱和度不同）；5. 跳色渐变可以使用；你需要再两个跳色渐变之间添加他们的一个过渡色；6. 颜色（赤橙黄绿青蓝紫）：它们都是拥有性格属性的，每种颜色会反映出不同的心理状态，所以我们再做设计的时候。要结合产品内容去选择颜色的使用；7. 色彩的特征；冷暖，性别，远近。轻重，大小，味道；#8.比较酷的软件：配色神器：形与构成；艺术构成，（平

7、面构成，色彩构成，立体构成）；在造型中的视觉形态可以分为三类；1. 具象形态（现实形态）；指生活中的自然形，如山川、动物、植物等；2. 抽象形态（几何概念上的形态，按大小、长短、曲直等分为方形、圆形、不规则形等；）3. 设计形态（具备多元性，具象形态和抽象形态的结合，设计理念的加入，形式法则的运用，主要作用于内容和实际应用；）形；1. 圆形：（给人一种活泼、跳跃、灵动的感觉）；2. 方形：（给人一种庄重稳定、刚直大气的感觉主要应用到各大企业占，特别是科技类企业站；）3. 角形；（尖锐、速度、不稳定、刺激的感觉）；4. 曲线形态：（给人一种柔美，流畅，动感的感觉；）；5. 自然形态：（给人一种亲

8、切随和、生动的感觉）平面构成的基本要素：点、线、面是平面设计的造型基础。点、线、面的关系是在比较中界定的，只有相对意义；点：从几何学上说点只有位置，没有面积。他是线的开端和终点，从造型设计上说，点是一切形态的基础，有形状，大小，位置之分；点一般被认为最小的并且是圆形的，但实际上点的形式多种多样的，有圆形、方形、三角形、梯形、不规则型等，自然界中的任何形态缩小到一定程度都能产生不同形态的点；当单个的点在画面中的位置不同时产生的心里感受也是不同的，居中会有平静、集中感；偏上时会有不稳定感，形成自上而下的视据流程；偏下时，画面会产生暗定的感觉，但是容易被人们忽略。位于画面三分之二偏上的位置时，最易吸

9、引人们的观察力和注意力；当画面中有两个相同的点，并各自有她的位置时，他的张力作用就会表现在链接这两个点的视线上，视觉心理上产生连续的效果，会产生一条视觉上的直线，当时三个点的时候会视觉产生一个三角形的面；这就是一个心里反应；当点出现若干大小相同的点规律排列时，画面就睡显得很拼问、安静并产生面的感觉；点在不同的环境中产生的不同的错误的视觉现象；线：从几何学上说线只有位置和长度，他是点呃是移动轨迹；从造型上说线有位置、产单独、宽度、方向、形状和性格等属性；线的形态概括起来有两大分类：直线和曲线；直线有垂直线、水平线、斜线、折线、平行线、虚线、交叉线。曲线有几何曲线（弧线、漩涡线、抛物线、圆）、自由

10、曲线；线在版式构成中起着非常重要的作用，不同的线有不同的感情性格，线有很强的心理暗示作用；线最善于表现动和静，直线表现静，曲折线则有不安定的感觉；直线具有男性的特点，有力度、稳定、纸张中的水平线平和，寂静，诗人联想风平浪静的水面、地平线；二垂直线测联想到树、柱子等，有一种忠告的感觉；斜线侧有一种速度感，直线还有粗细之分，粗有厚重，粗笨的感觉，细直线有尖锐神经质的感觉曲线富有女性化的热症，具有丰满、柔软、优雅之感、结合曲线具有对称、秩序和规整的美感，自由曲线是徒手换的一种自然的延伸，自由而富有弹性；面是二维的形，任何点、线扩张后都会变成面；所有点、线的扩散性面积和多元排列，都最终以面的线形态出现

11、；从几何学上说面是线移动的轨迹，从操行上说面是长度，宽度、无厚度，是体的表面，它受线的界定，具有一定的形状；视觉度：相对于文帝，图像的要素（插图、照片等）产生的视觉强度叫做视觉度外观和影响力月强烈，视觉度就越高，明快的插图画给人最强烈的阴险，视觉度就高，一般来说，照片的视觉度比插图低，特别是云海类的风景照片，视觉度就更低；视觉度高的画面充满活力、视觉冲击力强视觉度低的画面体现处高雅，品味高的感觉；留白；1. 突出主题2. 简化画面3. 表达自信，增强品质感；留白，无疑是一剂改善视觉表现的良药。但是应该根据你所作的产品的市场定位目标人群及营销方案确定留白程度；不是什么产品都要做成高大上；构图构图

12、就是将所要表现主题的各种元素按照主次关系放置在画面相应的区域，形成一种视觉感受，从而实现设计者的表现意图；构图的视觉表现形式：画面中主题元素和辅助元素按照一定形式规则出现就是构图的视觉表现形式；构图的视觉表现形式分为（八大类）；1. 垂直构图形式：能充分的显示元素的高大和深度，并在具象画面中常常用于表现森林、参天大树、险峻的膳食、飞泻的瀑布、摩天大楼等，主要以竖直线形组成的画面。在产品设计方面常用于表现单薄西昌的物体；2. 平衡构图形式：能给人以满足的感觉，常用于月夜，睡眠、夜景等空间类画面，在设计方面常用于地产设计、环境设计等；3. 斜线构图形式：通常表现运动、流动、倾斜、紧张、危险等撑场面

13、，也有用于固定导向的作用。在设计方面用于表现运动的产品或者细长的产品（如笔类，牙刷，灯管等设计特别是海报设计；）4. 放射线构图形式：以主题为核心，元素呈四周扩散放射的构图形式。长用于需要突出主题而辅助元素又多又复杂的画面，在设计方面适合表现单薄细长的产品；5. 对角线构图形式：简单的画面分割，是画面两部分具有较强的冲突和对比感；6. 三角形构图形式：正三角形有安定感、倒三角有不安定的动感效果。具有均衡，灵活的特点。构图时可以以三个视觉中心为产品位置，无论是真三角还是倒三角，可以是正度角也可以时斜度角。斜度角更为常见、较为灵活；7. 框架式构图形式：用产品或者元素的框架做前景，能增加环面的纵深感（即景深）。在设计方面把主元素左右或者上下进行填充来形成中间空白，空