摘要：
国画中有句话，“画虎先画骨”。对应到网页上，视觉效果就像一张皮，而前端代码是支撑这张皮的骨，了解骨架是怎么长的，有助于设计出更合理高效的页面。一、常见视觉效果是如何实现的关于文字效果文字自身属性相关的效果css中都是有相对应的样式的，如字号、行高、加粗、倾斜、下划线等，但是一些特殊的效果，主要表现为ps中图层样式中的效果，css是无能为力的。但是css也在不断发展，在css3中已经新增了文字阴影的效果，可惜IE6、7、8均不支持。所以，一些比较特殊的文字效果，依然只能通过图片来实现。说说文字间距在css中其实是可以控制文字间距的，但是现实中很少会使用，一方面是很多设计师不知道css中有相应的属 阅读全文
摘要：
简介如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。所以，我们给这样的布局起了一个形象的名字 — 瀑布流式布局。几种实现方式随着越来越多设计师爱用这种布局，我们作为前端，要尽可能满足视觉/交互设计师的需求。所以 阅读全文
摘要：
Web应用(Web App)与原生客户端应用(Native App)关于这两种移动化方案孰优孰劣的辩论已然有不少了。我相信，如果你能以Web应用的方式打造移动化产品，那么你确实应该这样做；反之则不应该...另外一种情况则介于两者之间，即通过HTML、CSS、JavaScript等前端技术，结合移动设备原生开发方式，打造所谓的混合型应用。看似废话，但重点在于“能”或“不能”。这里我们主要指具体的项目需求，而非技术开发能力。我所在的团队，做过的多数案例，都来自于企业级的客户。大公司，顾名思义，在人员、产品及服务等方面都具有相当的规模，他们所需要的移动化解决方案在跨平台方面的需求都很高。当接手一个新 阅读全文
摘要：
Responsive设计，在国内称为响应式布局。由于终端设置越来越来，以前那些桌面设计不在满足于当今潮流的Web设计。于是在Web设计中推出一种新的设计理念，那就是响应式的Web设计，这种设计意味着网站能根据不同的媒介，使用Web页面不仅能在标准的电脑屏幕上浏览，还能在各种不同的智能手机和平板电脑上浏览。更确切的说，原则可以让一个在1292像素显示的四列布局，在1025像素宽度的屏幕上显示成两列，同时还能让页面在智能手机上显示成一列。响应式的Web设计和传统的Web设计是一个完全不同的模式，这出同时给我们的Web设计带来一种创新与挑战，今天在这里给大家推荐35个极有创意的响应式设计网站。希望这 阅读全文
摘要：
随着智能手机的产生，人们对它们的使用时间与粘性迅速加大，移动互联网的发展越来越迅猛，越来越多的PC端产品开始把注意力集中在转移到方寸之间的屏幕之上时，有如潮水般汹涌。当下的移动互联网产业，已经从单纯的以实现单一功能为主，到平台的转移，再到各个APP之间的产业链的形成，还有广告植入的各种运营手段产生各种盈利。充分说明了移动互联网的前景堪好。如何设计出一个好的APP，是我们今天需要介绍的主题。所谓移动平台，是指除了不方便搬动的PC机，所有方便移动和携带的电子设备。不仅仅是我们流行在使用的智能手机和各种pad，也同时包含了车载应用和各种家庭生活电子产品。移动平台的特点：1. 时间碎片化：移动设备的方 阅读全文