快速排版网页布局的PS扩展 – Velositey | 设计达人
爱设计，爱分享。
快速排版网页布局的PS扩展 – Velositey
赞助商链接
设计一个网页，最基本就是从画布局开始，然而这个也是比较耗时间的，不过没关系，今天设计达人网小编为大家分享一个网页布局插件 – Velositey，这个扩展可以快速在PS上实现多种流行布局，布局包含头部、幻灯片、内容布局、页脚排版等等。
还有个我喜欢Velositey的原因就是这个布局兼容Bootstrap前端框架，它生成的栅格线、Layout都能用Bootstrap来编写，十分方便。下面我们来简单介绍下这个扩展：
1分钟搭建一个网页布局
快速新建栅格线,栅格总宽度为1170PX，刚好和Bootstrap框架一样。
通过扩展的布局功能，我们只用1分钟时间就能实现下图这个网页排版，图层也帮你编组好，真的好人性化。
安装Velositey
STEP1: 下载扩展
先从官网下载对应版本的Velositey Photoshop 扩展（下载链接在文章底部），如下图，点击网页页脚的下载按钮，需要提供Twitter和Facebook帐号才能下载，不过我们也很贴心的上传到微盘上了。
STEP2: 安装路径
这里设计达人网小编下载的是CS6版本，解压后把文件夹Velositey整个复制到CS6安装目录的：Plug-ins – Panels目录下。
STEP3: 打开扩展
打开PS软件，然后点击菜单窗口-扩展功能-Velositey即可打开。
好吧，安装都是很简单的，如果有问题或使用心得，可在文章底部评论处留言交流。如果你有好的扩展，请别忘了分享给设计达人哦！
软件使用是免费的，所以放心使用，请选择对应的Photoshop版本下载，官网测试了PS CC版，小编测试的是PS CS6版，所以都没问题哦！
赞助商链接
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创或编译，转载请注明出处和原文链接，欢迎转载。
印刷工艺必备神技
设计师必看
手机APP设计
新手推荐！
Web用户体验入门书籍
web前端&设计群     -
新闻标签：
&&&&特别说明：由于各方面情况的不断调整与变化，教育人生网所提供的所有考试信息仅供参考，敬请考生以权威部门公布的正式信息为准。
精品教育资讯推荐
  
教育资讯访问排行
上海教育名校一览
上海培训报名：021-
高校招生报名：021-
在职硕士咨询：021-
教育人生网快报
北斗论坛访问排行
     -
处理 SSI 文件时出错> 网页排版设计如何才能让页面文字阅读更舒适？
网页排版设计如何才能让页面文字阅读更舒适？
我们随手拿起一本书或者一份报纸，数一数每行的文字，一般情况下都不会超过40个汉字。这是因为如果每行文字过长，读者会不停的转动脖子，感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首，也很容易串行，影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的，我们更要注意划分阅读区域。
文本宽度控制在450-700px为宜，此范围内参照字号大小;
英文每行80-100个字母(空格算一个字母)为宜;
中文每行30-40个汉字为宜。
通过设置间距，我们就可以控制文字的密度。如果每行间距太小，与文字过长一样，读者浏览文章时也容易串行;如果行距过宽，阅读时就会感觉文章不够连贯。
间距没有固定的值，通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示，不管是中文网站还是英文网站，大家多喜欢用1.5em-1.8em的行距。以1.6em的行距为例，字号16px的字，行距就是25.6px。
如(图)所示，1.5-1.8em的行距的确是非常适于阅读的文字密度。
关于段距，我们要考虑一下具体实际情况。比如文章篇幅较短，就不需要很宽的段距;二文章篇幅很长，特别是那些偏学术的比较枯燥的文章，就要多利用段距把握文章的节奏，给阅读者喘息和思考的机会，且使文章更有层次和可读性。
白色是全频光，全放射光对人眼睛的最有刺激，所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。由于显示器本身就发光，所以同是纯白色背景的文字，在电脑上比在纸上阅读会使眼睛更容易疲乏，另有研究表明：在电脑上阅读只有在纸上阅读速度的78%，阅读效率大大减低。因此，为了提高页面浏览的舒适度和效率，越来越多的页面采用浅灰色和淡黄色做为页面背景。
另外，印刷品以文字为主的出版物往往会采用低光泽度的纸张，也是因为光泽度高的纸张反射度高，导致阅读质量下降，容易使人视觉疲劳。页面背景仿造低光泽度的纸张(纸张纹理)也能否提高阅读的舒适度呢?
我曾做过这样一个小调研，同样一段文字放在不同颜色的背景上(仅考虑自然光源)，其中有两个背景加了纸张纹理的效果。结果75%的人认为带有纸张纹理的背景长时间阅读舒适度最高。
结语：实际工作中，我们需要思考的更多，仅仅这5个元素是不够的。浏览环境、设备、网站特点、用户人群、个人偏好等等都需要设计师根据具体情况来把握界面文字的展示效果。差别也许是细微的，就像蝴蝶效应，多一点点的思考，就能为用户带来更好的体验感受。}