youfangru-CSDN博客

转载设计边缘状况的几个“凡是”

来源：念碎碎计设互交的博客（@Danis2010）因为在做细节交互设计的时候，有时候明明知道却老偏偏漏掉一些特殊状况的方案设计，其中又以边缘状况的设计遗漏为多数，所以干脆给自己总结了几个“凡是”，以提醒自己记得别忘记。在这里一一列举，希望对大家也有些许帮助。一。凡是输入，必有限制。当我们在设计中使用到输入控件特别是文本输入框的时候，这个问题就来了。第一个需要面对的是字符数的

2013-06-16 16:23:40 384

转载专题页设计的5个基本功

来源：阿里巴巴UED – 山木这个主题是2012年下半年的一次内部分享，迟迟未形成文章，马上过年了赶紧整理起来，顺便给视觉设计师们拜年了！！！我自己内心的一个呼唤，明年脱离“苦逼”二字……网站的专场设计，应该算是网页视觉设计师的必修课，应该也算是最基本功。她所需要的设计理论都是最基本，但同时也是最重要的。设计理论版本多如牛毛，我这里仅仅整理5个方面来分析网页专场设计的一些方法，本人并非大师

2013-06-16 16:06:22 454

转载 2013年主流浏览器HTML5与CSS3兼容性对比

转眼又已过去了一年，在这一年里，Firefox 和 Chrome 在拼升级，版本号不断飙升；IE10 随着 Windows 8 在去年10月底正式发布，在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流浏览器HTML5 和 CSS3 兼容性大比拼》，让我们一起来看看2013年的浏览器现状。浏览器厂商之间的竞争促使各大浏

2013-06-07 14:21:41 436

转载改善网站用户体验的20个方法

1. 更多的“注册”选项在注册表单中可以给用户更多的选项：比如可以使用“电子邮件，用户名，ID”等多种格式的用户名进行注册。此外注册过程要尽量方便，比较好的例子如下面的图片，注册时只需要输入一个密码即可，在第一登陆后才会需要你输入一个用户名2. 更多“登录”选项同样相对登录页面来说，有多个登录名选项将会提高网站的友好度，比如可以同时允许用户名或电子邮件两种方式登录。3. 避免

2013-06-06 15:48:48 506

转载网页设计的80/20规则（二八法则）

80/20规则，也被称为帕雷托原理、朱兰原理、关键的少数和次要的多数理论或因素稀疏理论。在网站和网络应用设计中，80/20规则对用户体验有深远的影响，并最终影响网站和网络应用的内容效用和功能。本文首先给出了80/20规则的基本定义，然后通过案例讲解80/20规则是如何产生效用的。最后通过对80/20规则知识的搜集总结出一些经验与大家分享。80/20规则是什么？80/20规则最初是由

2013-06-05 15:42:06 1133

转载 20个值得收藏的网页设计开放课件

借助开放课件是学习网页设计最简单且最便宜的方式之一。你可以通过开放课程免费得到一些全球顶级高校的指导。诸如加州大学伯克利分校、华盛顿大学和麻省理工学院等著名学府都提供网页设计和开发课程。这些课程所覆盖的内容和这些大学的课堂教学内容是一样的。你可以不付学费，并且在家按自己的步骤来学习。下面就是网页设计的20门课程。（全部均免费！）1. 《计算机简介》：这是加州大学伯克利分校的一门计算机基

2013-06-05 10:45:18 609

转载用户界面（UI）设计的20条原则

世界级平面设计大师Paul Rand（保罗.兰德）曾经说过：“设计绝不是简单的排列组合与简单地再编辑，它应当充满着价值和意义，去说明道理，去删繁就简，去阐明演绎，去修饰美化，去赞美褒扬，使其有戏剧意味，让人们信服你所言……”，由此可见，设计绝非轻而易举之事，优秀的设计更是难上加难，今日小编偶然发现一篇界面设计师Joshua Porter博客当中的一篇文章——《Principles of User

2013-06-03 14:19:39 1207

转载互联网的色彩心理学

为什么Facebook是蓝色的——从最初到最新的版本，几经设计更迭，始终不变的主色调都是蓝色？答案其实很简单，根据《纽约客》的一次采访，Facebook的创始人马克·扎克伯格其实是一个红绿色盲，他只能分辨出蓝色：“蓝色对我来说是色彩最丰富的颜色。”* Facebook最初始的设计界面，那时候它还叫做thefacebook.com。当时，想要在上面开个账户必须有一个以.edu（哈佛大学）结尾

2013-06-03 14:16:21 652

转载 Photoshop改进UI设计的一些技巧

UI设计不像平面设计那样随性，期间可以用点技巧来减少痛苦。1.设置网格线保持像素完美不在1:1分辨率下也能保持像素完美，可以通过创建网格线来避免虚边的出现。编辑＞首选项＞参考线、网格和切片保持尺寸为偶数。例如：设置网格线间隔为64px，子网格为64使用网格在画图形时会自动吸附，不是1:1状态下也可以画出完美像素。2 .智能对象和路径的变形（1）将图层转换为智能对

2013-06-02 13:17:15 395

原创 Javascript闭包概念理解

闭包基本概念：闭包是可以包含自由（未绑定到特定对象）变量的代码块；这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义。“闭包” 一词来源于以下两者的结合：要执行的代码块（由于自由变量被包含在代码块中，这些自由变量以及它们引用的对象没有被释放）和为自由变量提供绑定的计算环境（作用域）。在 Scala、Scheme、Common Lisp、Smalltalk、Gro

2013-05-29 10:34:48 395

佳佳专栏