一个有故事的美工-优快云博客

原创 axure生成的HTML可以直接用吗

答案是：不可以(术业有专攻，如果这些产品经理就搞定了还要开发干嘛)具体原因总结：1、我只是拖了一个Helloword的Shape(Heading)，生成的html就很多文件，引用了大批axure的js。也就是说不够简洁；2、 Shape的text设置为“HelloWorld1”，有时候生成的html会是：HelloWorld1。为什么要分开？3、源码中查找交互JS位置的时候

2016-12-27 09:36:30 5172

原创素描

透视 1、空气透视虚实色彩变化（纯度、冷暖）2、散点透视（动透视）空间时间主次3、焦点透视（静透视）真实空间形体

2016-12-21 22:37:16 336

原创交互设计

交互设计任职要求：1、逻辑思维能力2、产品需求分析能力3、用户研究改善用户体验能力4、原型图设计能力5、UI设计审美能力

2016-12-20 21:45:08 433 1

原创 2017网页设计趋势

UI 设计越来越重要，它在直观塑造企业形象的同时，也成为留住用户的关键。与此同时，UI 的设计风格每一年都在发生变化。就像是扁平化、手势、微交互、卡片式成为过去两年中的关键词一样。总有一些好的设计总是想方设法吸引你，它们大批涌现，形成某种趋势。在这些趋势里面，有的会持续性地流行好几年，也有一些，会被淘汰。几乎每年年底，都会有一些网站，根据过去一年中 UI 设计风格的更迭，来预测下一年的趋势

2016-12-18 22:30:35 504

原创 2016网页设计趋势

趋势】2016 年最值得关注的 16 个网页设计设计趋势每年都在改变，出于各种原因，有的设计趋势在演进中逐渐消失，有的则在大家的熟练运用过程中渐入佳境，甚至逐步褪变成为主流。作为一个专注于网和平面设计的设计机构，我们对于所有相关的技术和设计趋势都极度敏感。通过过去一年的观察，我们可以总结出下面 16 大设计趋势。1. 可用性设计2016 年，设计的大方向将继续向

2016-12-18 17:14:21 411

原创 UI设计小知识

1、用户头像是圆形的原因：圆形是最容易聚焦的2、手机单手滑动上部不是常用区域不需要操作的往上放

2016-12-09 20:56:24 489

原创设计网站集合

http://feitianwu7.com/forum.php?mod=viewthread&tid=55183&page=686#lastpost 飞天资源软件素材教程都免费http://www.cutterman.cn/cutterman/download 切图软件http://blog.youkuaiyun.com/lushuaiyin/article/details/81186

2016-12-04 21:42:47 293

原创设计交织笔记

设计交织李瑛的版式版式设计共用边（文字和文字、图片和图片之间）统一统一标题文字与小字的间距统一小字间距统一并列小图间距成组统一距离组和框的使用来成组元素之间不能互相干扰深色上面放浅色字反之最强烈的对比是明度对比文字要放在较干净的图上若没有则制造干净图层上放字摆脱平庸的版式设计素材素材选对（如：人物颜值高）精度不够的素

2016-12-04 21:38:00 344

原创 watch规范与技巧

1、个人整体轻量是apple watch设计理念2、watch 支持的两种导航方式层级式页面跳转页面式手势轻扫切换适用于数据模型简单、且不同页面之间不存在直接数据关联的应用

2016-12-03 18:09:57 228

原创 ios规范与技巧

1、 ios7 ios8是分水岭桌面设计风格转变为扁平2、设备尺寸分辨率状态栏高度导航栏高度标签栏高度 APPStore 程序应用主屏幕 Spotlight搜索标签栏工具栏/导航栏

2016-12-03 11:53:45 248

原创深入剖析RGB、CMYK、HSB、LAB

色相：红 —— 绿就是色相变化，色相是色彩的首要特征，简单来说就是一眼望去是什么颜色，就是色相。明度：黑 —— 白就是明度变化，就是感官上的比较亮比较暗，除了简单的添加黑白使明度变化外，不同纯色也有明度差异，把不同的纯色去色后，就可以比较明度了。纯度：简单来说就是饱和度，颜色越灰，一眼望去色相越不明确，纯度越低。P.s.色环上的相邻色混合不会降低纯度，比如黄加红得到的橙色，纯度就不降低，

2016-11-18 16:11:11 3548

响应式与自适应的原理是相似的，都是检测设备，根据不同的设备采用不同的css，而且css都是采用的百分比的，而不是固定的宽度，不同点是响应式的模板在不同的设备上看上去是不一样的，会随着设备的改变而改变展示样式，而自适应不会，所有的设备看起来都是一套的模板，不过是长度或者图片变小了，不会根据设备采用不同的展示样式，流式就是采用了一些设置，当宽度大于多少时怎么展示，小于多少时怎么展示，而且展示的方式向水

2016-11-18 10:13:18 399

原创美工面试汇总

大部分的公司都会从以下几个方面来问你一些设计基础：　　先会询问一些基础设计理论：常见的UI设计理论和设计法则　　1. 色彩搭配理论:如果什么是暖色，冷色，前进色，后退色，什么颜色代表什么意思。比如电子商务网站配什么色好?为什么?　　2. 造型和构图理论：比如透视，变形的简单原理等。　　3. css和HTML方面：基本的盒模型，几种常见的布局方式,ie6常见的bug等等。　　4、

2016-11-16 15:28:01 677

原创网页各种常见错误

HTTP 1xx - 信息类这些状态代码表示临时响应。客户端在收到常规响应之前，应准备接收一个或多个 1xx 响应。 100 - 继续。 101 - 切换协议。 2xx - 成功这类状态代码表示服务器成功地接受了客户端请求。 200 - 确定。客户端请求已成功。 20

2016-11-16 14:49:36 427

转载常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1

2016-11-16 14:35:54 210

翻译 HTTP中Get与Post的区别

Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。　　1

2016-11-10 17:16:09 180

原创日期插件

http://www.17sucai.com/pins/demoshow/15189

2016-11-07 16:47:16 210

转载 Dribbble 2016十大设计趋势总结

1. 极简风（艺术、品质、效率）极简风体现在：更少的按钮和选项，这样使得UI界面变得更加干净整齐，使用起来格外简洁，从而带给用户更加良好的操作体验。因为可以更加简单直接地将信息和事物的工作方式展示出来，所以可以有效减少认知障碍的产生。此风格的具体特征表现在没有多余的效果，例如复杂的投影、凹凸或渐变等；使用简洁风格的元素和icon；大胆且明亮的配色风格；尽量减少装饰的极简设计。

2016-10-28 18:15:34 283

原创 jquery版本比较

1、1.72这个版本比较全，没什么删减和bug，1.72之后就开始删减一些函数了，导致部分插件无法使用。2、1 和 2 就是1系列支持 ie 6 7 8 ， 2不支持 3、最易用的还是1.8.3 ，1.9以上的有很多bug(不建议的api 都删除了，如果你想用还是有办法的，有个官方提供的插件包。。。)当然越新的越先进体积越小网页加载速度快

2016-10-28 10:13:46 433

转载 nodejs安装以及npm命令大全

win系统下nodejs安装及环境配置第一步：下载安装文件下载nodejs，官网：/download/，我这里下载的是node-v0.10.28-x86.msi：第二步：安装nodejs下载完成之后，双击 node-v0.10.28-x86.msi ，开始安装nodejs，自定义安装在D:dev odejs下面。在cmd控制台输入：node -v，控制台将打印出：v

2016-10-27 17:52:16 618

转载 flex布局实战篇

Flex 布局教程：实例篇作者：阮一峰日期： 2015年7月14日上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文

2016-10-25 17:04:56 360

转载 flex布局语法篇

Flex 布局教程：语法篇作者：阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提

2016-10-25 17:02:54 340

原创 APP首页分类图标滚动插件

1、特别好用特别全的分类滚动插件http://www.swiper.com.cn/demo/index.html

2016-10-25 15:06:59 808

原创前端框架积累

1、Freamwork72、light73、weui 4、amazeui（web）5、sui mobile=light76、amaze ui7、bootstrap(wbe)持续补充......

2016-10-25 13:24:00 258

转载 JS移动端触屏滑动事件（banner轮播）

移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发t

2016-10-24 10:15:07 1205

原创移动端多屏适配且保留高清图的做法

背景1.开发移动端H5页面2.面对不同分辨率的手机3.面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1. 首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6的375×667)。2.

2016-10-21 19:26:28 3086

原创 HTML CSS 笔记

1、img{background-size:contain;} background-size的contain特定值会保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域。2、

2016-10-21 18:15:24 271

原创主流浏览器的内核以及Hack写法

要搞清楚浏览器内核是什么，首先应该先搞清楚浏览器的构成。简单来说浏览器可以分为两部分，shell+内核。其中shell的种类相对比较多，内核则比较少。Shell是指浏览器的外壳：例如菜单，工具栏等。主要是提供给用户界面操作，参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。也有一些浏览器并不区分外壳和内核。从Mozilla将Gecko独立出来

2016-10-21 17:14:02 1294

原创详解像素、分辨率

图片详解像素、分辨率

2016-10-20 17:03:57 396

转载新版谷歌浏览器ajax跨域访问

在之前版本的谷歌浏览器中使用 --args --disable-web-security2016年3月之后的新版本需要使用 --args --disable-web-security --user-data-dir具体操作如下：更改前需要关闭谷歌浏览器的所有窗口右击谷歌浏览器图标——>属性。弹出属性对话框。在目标栏最后添加 --args --disable-web-secu

2016-10-20 16:13:42 264

转载总结js常用函数和常用技巧（持续更新）

http://luckykun.com/work/2016-10-11/com-func-skill.html具体内容点击链接目录如图

2016-10-20 16:08:09 329

转载彻底弄懂css中单位px和em，rem的区别

PX:PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。因此，这时就提出了使用“em”来定义Web页面的字体。EM:EM就是根据基准来缩放字体的大小。EM实质是一个相对值，而非具体的数值。这种

2016-10-20 15:53:53 406

qq_33999340的博客