背景

jQuery提供了JS未能提供的动画效果，利用jQuery的动画效果，可以极大的简化JS动画部分的逻辑


滑入滑出动画

滑入动画
定义：以下拉方式动画效果将html内容显示出来
使用方式：
$(selector).slideDown(time,function)
$(selector).slideDown(2000)
$(selector).slideDown()
$(selector).slideDown(fast/normal/slow)
time代表执行动画的时间，function代表动画执行完之后所要执行的函数
滑出动画
定义：以上滑方式动画效果将html内容隐藏出来
使用方式：
$(selector).slideUp(time,function)
$(selector).slideUp(2000)
$(sel ..

在这里很感谢－UI设计教学－的分享，致敬




前面本篇文章将立足于色彩理论的基础之上，对色彩的搭配和使用进行赘述，在设计中应该怎么样才能让色彩看起来舒服一些；

色彩作为视觉感知的先觉条件，在很大程度上决定了作品的好坏以及给观者留下什么样的印象，人们最先感知到的即是通过色彩所传递出的情感，色彩作为一门独立的学科，在基于其理论体系之上衍生出了众多的搭配方法和技巧，在遵循色彩构成的原理之上可以更好的帮助我们对色彩有深入的认知和使用，对于色彩而言，除了要了解基本的构成之外，在使用的过程中更重要的是要对色相 ..

UI设计的基本规范，包括网页设计和APP设计的规范罗列



















阅读全文

每天打开手机，各式各样的信息纷至沓来，每个 App 每个页面都有好多话要说。当信息汇集在一起的时候，如何能让用户一打开页面就能轻松理解各个信息元素之间的关系与差异呢？这就要靠我们设计师在设计之初构建合理的视觉层次了。一个页面的信息层级是不是清晰明了，很大程度上影响到用户的信息获取效率和使用体验。

在平面和网页设计中，视觉层次一般分为三层：主层（Primary）、副层（Secondary）和三层（Tertiary）。其中主层一般是指头条标题等核心信息，也是要让用户第一眼就注意到的信息。副层可以是小标题等信息，展示出主要内容与 ..

UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分，经过仔细打磨的 UI动效对于整个界面的提升是显著的。


动效呈现出状态切换的过程，展现了元素之间的逻辑关系，并且吸引用户的注意力，引导他们执行有效的交互。
在设计动效的过程中，Material Motion 的设计原则，IBM 动画设计规则和 UX动效宣言都是不错的设计参考和指引。遵循这些现有的规范，能够很好地提升动效本身的体验和效果，从优秀走向卓越。今天的动效设计都是遵循着这些规范使用 InVision Studio 来进行制作的。

左侧标签切换的时候使用了淡入淡出，右侧标签页切换 ..

在设计中，情绪的传达和氛围的营造通常是要看设计项目的目的是什么，而不同的配色和不同的元素组合，往往能够呈现出截然不同的风貌。相比之下，深色系网站常常会呈现出更为独特的氛围，传达出更为复杂多样的情绪。虽然这样的情绪并不一定是正面和向上的，但是好设计总归是让人过目难忘的。
想要借助深沉的色调来创造情绪相对独特的网站设计，是有一些可供遵循的常见的设计技巧，今天的文章，我们来分享一下这方面的内容。




深色，并不定是黑色




首先这一点必须明确，深色并不一定是黑色。
在选取配色的时候，网明亮的色彩当中添加黑 ..

本文转自，头条号的人人都是产品经理，的一个大神。


2018年5月9日凌晨1点，Google开发者大会上对 Material Design做了更新的讲解，其中令我印象深刻的是Google对图形语言单独拿出来做一个模块来解释，如下图我标红的地方。
OLD NEW
对！就是这个SHAPE的单词，为什么我会如此看重，大家应该知道构成设计语言的四大基础原子是：字体／颜色／网格系统／图形。
这里的图形包括图标和一些辅助图形，它有什么不同呢？
大家看之前以往的版本，材质设计语言里面没有单独去说形状这一元素，当然也有做的比较好的产品，比如：韩国的 29cm 和 11街 ..

表单的作用

商业离不开数据，而数据总会依赖不同的表现形式，不管是word文档，还是数据可视化，都是浏览者通过表现形式来对数据进行阅读和分析，因此表单的设计就是一种表现形式，我们将捋一捋如何通过表单更好的让用户阅读顺畅、操作方便、总而言之就是更好用啦。


表单信息的分割方式

无线分割：顾名思义，列表的信息之间正常情况下没有分割线等方法来分隔，仅仅是用间距来分隔开内容。好处是元素更少，画面更简洁，但是视觉可能就没那么清晰了，使用的出场率一般。
有线分割：同样字面意思，就是通过简单的分割线来分割列表中的信息 ..

在生活中，不管是浏览网页还是使用APP，我们都能看到色彩是其中重要的设计元素。每一年我们都能看到很多“流行趋势预测”之类的文章，而这些流行趋势里无一不包含色彩。
随着时间的推移，设计师们在色彩的使用上更加大胆，更加有策略。有时，色彩用来突出某个元素，有时用来讲好一个故事，有时用来强化品牌的输出。今天我们就来举几个例子。


强化背景几年前有一个很流行的趋势是采用大胆的背景，现在还是能看到很多例子。在一个好的设计里，丰富多彩的背景能够让某一区域成功吸引注意力。不管你认为流行趋势是什么，不可否认的是，好的 ..

在进入一个未知的范畴前，一定要先梳理这个范畴的架构，待有了对比全部认知后再深挖。学习UI规划也是相同，假如有条件，能够尝试了解一个新的互联网商品出炉的作业流程。
这么，在部分学习前，就能对重难点、课程结构都心中有数。
技能根底
娴熟的技能，是完美展示规划著作的必备条件，作为UI设计师，有必要娴熟把握常用软件Photoshop、Axure、Adobe Illustrator等。就算不能彻底娴熟，最少也要把握其间一种。
这些软件能够自学，也能够挑选跟着网课学，我觉得不一样不是很大。
画图根底
有平面规划根底的话，这个应当不是疑问，不过UI设 ..