UI设计师的自我提升来源于多方面的综合体现，工作项目中的实战经验、团队协作的互补学习、项目沉淀与反思、碎片化阅读的查漏补缺、业余时间的自我驱动、阅读带来的知识沉淀等等。如何充分利用自己的业余时间是被很多初入行业的设计师所忽略的，一晃三五年过去了，却发现自己找不到更多的作品用来丰富简历，很快便进入了瓶颈期。
面对未来的自己可能会出现这样的情况，我们一起提前探讨一下这个话题，以 UI设计改版为突破口展开我们的话题，希望带给即将入行和刚入行的设计伙伴儿一个新的方向。
目录
1、UI改版的目的，从不做无意义的事情 ..

又是一篇长文，但有用
花5min读完，你会有收获
我知道很多人看了这个题目可能是冲着“月薪3000到月薪30000”来的，想看看一个人的成功背后的故事。但是今天恐怕要说，一个人的成功有TA自己的机会和运气，而方法论才是更重要的。
让自己成为一个更值钱的人才是要紧事，任何一个职业都一样。
所以，今天就来说说，怎样让自己成为一个“更值钱”的人，以及想要充实自己，你应该抓紧每一个周末甚至平日的时间做点什么。
01
关心收入之前先确保自己有能力
总有人在后台也好，在知乎也好，在各种能私信的地方问我：
“我学的是xx专业，现在在哪 ..

作为用户，在很多时候会很容易判断出一个网站的用户体验是否优秀，因为主观感受是很难被欺骗的。但是作为网站的设计者和开发者，角色转换之后，所需要面对问题就复杂得多。身为构建者，要让体验尽善尽美需要花费大量的时间精力来完善整个体验的闭环。今天为你所整理的这7个 UX设计的原则，能够帮你更好地进行网站的 UX设计，并且尽可能地将整体的用户体验提升到一定高度。


1. 围绕用户体验来进行整体设计


想要创造难忘的用户体验，自然要围绕着用户体验本身来进行设计。甚至在某种意义上来说，数据和内容也应该是服务于体验的， 它们 ..

jquery是一个轻量级的JS框架，这点相信大部分人都听过，而jquery之所以有这样一个称呼，就是因为它悄悄披了一件外衣，将自己给隐藏了起来。
/以下截取自jquery源码片段
(function( window, undefined ) {
/* 源码内容 */
})( window );
上面这一小段代码来自于1.9.0当中jquery的源码，它是一个无污染的JS插件的标准写法，专业名词叫闭包。可以把它简单的看做是一个函数，与普通函数不同的是，这个函数没有名字，而且会立即执行，就像下面这样，会直接弹出字符串。
(function( window, undefined ) {
alert("Hello World!&qu ..

Dribbble 界面设计灵感 #33

个人主页设计 by Mike

CRM 管理系统界面设计 by Divan Raj

EverDo 应用界面 by Jakub Reis

接上，EverDo 界面的一些表单元素 by Balkan Brothers

随机实验 by Nick Franchi

Coindesk by uixNinja

一套 UI 素材：Planguru by Patryk Pustol

酒店 APP 后台（iPhoneX） by Divan Raj

B3Sound 网站着陆页设计 by Outcrowd

Smart Security Camera App by Ionut Zamfir

Iterable 插画草图 by Ramotion

后台界面 by uixNinja

Dating 应用项目 by Divan Raj

Benti by Jakub Dziedzic ♠️

Su ..

产品即场景，体验又贯穿整个产品~孰重孰轻早已分不清
产品即场景，而场景化核心要素之一的“体验”，是其中最重要的一项。
本文从体验出发，结合AARRR（用户增长）模型进行阐述，其中我认为该模型的使用必须是在产品搭建的场景下才能运作的。而其中涉及每一步的良好体验刚好又反哺场景的完善。
从获取-激活-留存-转化-传播每一个步骤中都存在内部因素和外部因素。本文只讲内部因素，产品从最开始的外部获客，转向产品内部的使用体验，再转向外部传播的这么一个过程。
文章不是教案，更不是真理。希望大家带着批判的眼光去看待每一篇文章。 ..

我们平时做设计的时候，都会遇到挑选素材这个难题。
做UI的同学，会浏览动效网站寻找灵感又或者去挑选适合的图标；做平面的同学，特别是电商广告的同学，就会下载电商banner，还有高质量的图片；另外还有绝大部分的人都会在做报告的时候，下载漂亮的PPT和Word模版。如果刚好那时候你在找工作，还需要找精美的简历模版……
但这些素材到底在什么地方找呢，又在什么地方找到高质量又免费好用的素材呢？
这次，我早已为大家准备好。下面是我花费大量时间精力整理而成的素材网站，全部都是亲身试用后的精选出来的。希望能帮大家在找素材这条路 ..

可拓展性原则是我自己瞎起的一个名字，高兴的话你说弹性原则也行。主要意思是指界面设计要足够的灵活，具有弹性，以满足将来可能出现的场景。我第一次考虑这个问题是从去年7月份开始，当时接到领导的一个临时需求，要给直投项目增加一个到期查询的功能。因为原来的界面设计比较死板，所以突然加一个新功能导致整个布局都被打乱了，结果做的很不理想。当时我就希望可以找到一个方法来应对领导这种突如其来的需求。
产品设计的可拓展性就是为了应对将来未知的改变。改变来自于功能的改变，因为产品是由一个个功能组成的。功能的改变可以分为 ..

1.什么是懒加载？
当访问一个页面的时候，先把img元素背景图片路径替换成一张替代图片的路径（这样就只需请求一次，占位图），将图片的真实路径存储在img自定义属性中，只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。
2.为什么要用懒加载？
很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕，提高首屏加载速度，可以减轻服务器压力，节约流量，用户体验好。
3.懒加载实现封装 ..

本文作者主要讲解表单中的文本和选择器，enjoy~
根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据 、navigation 导航、other 其他。
表单在网页中主要负责数据采集功能；用户需要填写输入数据并且提交到数据库，则这种组件就是表单类。
本文主要讲解表单中的文本和选择器，其中文本分为input短文本、InputAutocomplete 短文本联想和InputMultiline 长文本。

input 短文本


定义：用于用户文本输入，并以字符串的方式提交到数据库。
使用场景：用户需要输入字符时通过鼠标键盘输入内容输入的文本通常置 ..