作为设计师，最关心的也许就是排版好不好看、图片美不美观、视觉炫不炫，我们尽可能的去把设计稿做的最漂亮，然后就把硕大的PSD文件就直接发给重构了，殊不知这个时候重构正在恨你：我擦，这么大的PSD，还木有打开！本来就开了各种浏览器编辑器神马的又要打开苕大的PSD文件，机子要卡死了！！！机子卡死就算了吧，打开一看，我去，几百个图层呀！好吧几百个图层也就算了，为什么我明明拖动按钮，却把各种连七八糟的图层拖进来了，根本找不到我要的图层！！

网页设计和发展领域已经成为竞争激烈的虚拟世界。想要在网络的虚拟世界中生存，仅有一堆静止的在线网络应用是远远不够的，网页必须要有很多功能，配以让人无法抗拒的设计。网页编码一定要合适、精确，才能保证不发生错误，使网页能在浏览器上轻松加载出来。此外，还要在网页设计中留出足够的空间以充许日后的功能增加和改善，这样做才能让更多与时俱进的特征能加入到网页设计中。

你可以轻易找到许多如何设置响应式设计响应点的攻略，但是这些过时的设计方法都是以主流屏幕尺寸为依据 的，效果并不理想。其实并没有“主流”屏幕尺寸这一概念。另外一个主流的方法是当布局被打破时设置响应点。这个方法听起来好一些。但是仍有疑问，我们怎么 判断是否布局被打破了呢？其中一个合理回答是依照经典可读性理论定义响应点。

色环中有三种原色。它们分别是红、黄、蓝。理论上这三种颜色可以混合出任何其它颜色。当你把这三种颜色混合到一起时，理论上会产生黑色。（译注：本 文的三原色理论基于较传统的颜料消减型混合体系，有别于计算机领域常用的 RGB 光源叠加型三基色体系和 CMY 印刷消减型分色体系。延伸阅读： 原色 – 维基百科）

随着各种网页字体、付费的网页字体服务和现成工具越来越多，字体排版收回了它作为设计皇后的桂冠，成为所有图形和网页设计的关键。今时今日，许多设计师在设计排版时，主要考虑的本质上还是审美问题。问题是，我们习惯于把字体排版和字体设计当作两种可互换的术语，但实际它们是不同的。在Dribbble上快速看一下“typography”这个标签吧，立马就能发现这个趋势。

HTML5是近年来互联网行业的热门词汇，火的很。微软IE产品总经理发文： 未来的网络属于HTML5。乔布斯生前也在公开信《Flash之我见》中预言：像HTML5这样在移动时代中创立的新标准，将会在移动设备上获得胜利。更有人高调宣称“APP将在几年内灭亡，HTML5取而代之”。怪吓人的。

随着互联网的高速发展，各种各样的网站层出不穷。在这样的环境下，用户是如何在浩瀚的互联网海洋中快速挑选网站的呢？网页设计师又如何能让自己的网站在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢？本文作者向用户介绍了一种简单的页面布局方式——分割布局，这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。

首先谈一下“Metro”——由微软公司开发内部名称为“ typography-based design language”（基于排版的设计语言）。Metro是基于瑞士平面设计的设计原则（清晰，真实，美观），来源于交通指示牌。生活中人们行色匆匆，更需要提供快速，简洁，直接，明确的设计。现在的互联网又何尝不是如此，快捷获取信息的同时，信息泛滥、庞杂无序，简洁之风深入人心——减少元素，以显现本质。良好的排版有助于Web设计更加简洁有效。

layui是国人开发的一款非常简洁的UI框架，使用了模块化加载方式，因此在使用过程中我们难免需要添加自己的模块，本教程就教大家封装一个简单的模块。平常使用中，ajax可以说使用广泛，所以这里我们添加一个自己的模块，将ajax封装一下，方便使用。

在浏览网页时，经常会遇到分页导航的情况。分页导航主要有四个作用：告诉用户要浏览的信息量;让用户快速跳过一些不想看的信息;便于定位和查找;减少页面大小，提高加载速度。此外，分页导航实际上还给了浏览网页的用户一定的停顿，可以让产品”更有节奏感”，减少用户浏览的疲劳感。

拥有一个设计别致、易于识别的Logo是打响品牌的关键，Logo设计的前期准备工作有哪些？如何激发灵感？如何在具体操作层面确定字体、色彩、形状？后期工作又有哪些？现奉上Logo设计流程图，希望可以助大家一臂之力!

确认框，顾名思义，就是对用户的关键行为进行确认。比如在Windows操作系统中，删除某个文件的时候，都会询问“确实要把此文件放入回收站吗?”，用户可以选择“是”或“否”。大家对于确认框的感觉大抵如此，觉得非常多余，打断了我的操作。这就像我着急上厕所，却被告知要先收费一样让人不爽。不能否认，确认框是一种打断，有时甚至是打扰。