• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 科班高手的方法!16个简单实用的排版小Tips

科班高手的方法!16个简单实用的排版小Tips

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含排版布局,排版设计,经验分享等相关知识,希望在学习及工作中可以帮助到您

@设计便利店 :我们正处在一场注意力争夺战中。如何利用版式设计抓住用户的注意力呢?

商业环境中讲究一个「快」字。我们阅读的时候长期接受过载的信息,很难再集中精神,那么,一个内容清晰的阅读体验就非常重要。

所以,以下16张版式小Tips,或许能解决排版这个问题。

第一步,思考!!!别急着打开PS

在排版之前需要先确定好设计需求,版式要在什么地方出现,是手机屏幕,PPT还是商业名片等,确定好这些再动手也不迟。

确保可阅读性

如果一整个文档里统一用一种字体,固然统一,但是乏味。如果使用超过三种字体,固然趣味,但是乱。所以无论这个文档是什么,尝试使用两种字体,一种标题使用,一种文本内容使用。例如,标题用衬线字,内文用无衬线字,反之亦可。

大胆放大

大胆将要突出的文字放大缩小。不管是把字体放大或者变小,都能引起读者注意。但是要注意的一点是,既然要放大就明显的一点,如果只是放大或者缩小一号,不仅感受不到变化而且还会觉得画面很奇怪。

改变字体大小最常用在标题字、指示牌,用来区分文字。12号字体是文本软件默认的字体,我们中大部分开始都认为12号字体是最适合阅读的字体。但是,我们的眼睛是可以阅读更小的字体,在大多数文档中10号字体看起来跟舒适。而在名片中,我们可以降到7号或是8号字体。

利用间距

利用字间距和行间距来强调文字也是一个聪明的做法。紧的时候放松,松的时候收紧。间距大小需要兼顾到基本的可读性,分太开和离太近都会影响人的阅读。

打印测试

把自己的设计打印出来测试是一个很好的习惯,因为很多时候我们在屏幕上会发现不到问题。

字体情感

每一个字体都有自己的情感,是欢快的?还是悲伤的?是传统的?还是时尚的?字体的情感要符合你的项目需要。

对比是关键

不管是不同字体对比,颜色对比,或者是大小对比,对比永远控制着画面的节奏。

寻找自己的风格

找到自己的风格定位是很难的,学习技巧,理论,踩在前人的肩膀上寻找自己是最有效率的。

善用颜色

用颜色区分也是很常见的做法,特别是在白纸黑字的文档上。添加一点点的色彩可以打破黑白灰枯燥的感受。但是要谨慎选择颜色,红色固然能引起注意,但是太过强烈的色彩也会破坏阅读体验,所以尽量挑选比较温和的颜色。千万要注意别用太多颜色,稍有不慎就会让整个画面变得非常low,你懂的。

字体家族

想要让文字排版拥有高度的一致性,最好的方法是找到一套字体族中包含有粗体、细体和斜体等,这样确保了多样性和一致性,还能有效区分文字信息。

奇妙的留白

留白给用户足够的想象的空间。它也让内容更加集中和提高易读性,也不会分散读者的注意力。

保持简洁

别让你的设计画面同时存在多种风格,保持简洁,是最基础的原则。

秩序美

对齐和对称是让设计作品更加有秩序的方法,有助于提高作品整体性和规整性。

试错

犯错才是是获取经验最快的办法。如果你想将你的设计做到极致,那么疯狂试错,穷尽自己是最直接的。

给自己多点空间

长期对着电脑屏幕会灵感枯竭,失去对自己设计的判断,在工作一定时间后,站起身休息一下再回头看,会发现更多惊喜。

技巧固然重要,但别炫技

我们的设计应该是美的,但不是完美。没人喜欢完美,容许自己犯错,来的更有人情味。

最后,版式其实是体现处理文本之间的逻辑能力,所以先理清架构,简单的方法就是最有力量的手段了。

设计不是奢侈品,设计是日用品。

「专业科班训练方法全集」

  1. 《专业科班的方法!设计师在工作中通过哪些方式获取灵感?》
  2. 《专业科班的方法!设计一个LOGO 的常规思路和流程是怎样的?》
  3. 《专业训练方法!如何设计一张高品位高水准的海报?(大量实例)》
  4. 《专业科班方法!平面设计里怎样提高作品的视觉冲击力?》
  5. 《两个科班专业方法,帮设计师有效发散思维,大开脑洞!》

原文地址:

您可能想查找下面的文章:

  • 如何提升界面品质感?来看这篇超全面的总结!
  • 想让文字更出彩?试试通过切割文本来创造视觉吸引力
  • 我们观察到,2018年网页文本字体的设计趋势有这7种
  • 设计作品集网站的时候,如何善用超大字体元素
  • 这8个字体设计和排版技巧,是2018年的设计趋势
  • UI新手排版入门!最容易上手的6个排版套路
  • 格式塔原理中的接近性原则是如何影响排版设计的?
  • 这8条走心的建议,帮你设计出更加优秀的排版
  • 专业科班系列!超实用的标题排版小套路
  • 用一个实战案例,教你学会复杂界面的布局设计

相关文章

  • 2017-08-06页面重构技能-内容篇
  • 2017-08-0633 个最棒的免费英文字体分享
  • 2018-08-23新手科普文!什么是用户界面和体验设计?
  • 2018-08-23超全面!一个完整的交互设计稿有哪些必备元素?
  • 2017-08-06专题页设计的5个基本功(阿里巴巴UED 山木)
  • 2018-08-23老妈,才是那个最难搞的甲方!
  • 2017-08-06正确的空链接写法 防止点击后页面会跳动问题 a href #号问题
  • 2018-08-23没灵感?这里是最全的15个设计风格总结!
  • 2018-08-23回过头看,我很感恩自己做出了这样的选择:石墨文档产品总监罗颖
  • 2018-08-23字体新玩法!这些流行的缤纷多彩字体正在走向标准化

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网易云音乐产品负责人:如何做好用户研究的?(上)
    • 想要做好用户调研,你要学会这九种定量用户研究的方法
    • ie8,chrome中table的宽度固定方法
    • AI+PS教程!教你7步做出好看的渐变波纹元素
    • git版本控制工具基础知识
    • The Complete List of MIME Types(比较完整的MIME类型一览表)
    • AI教程!教你临摹超酷炫的平构人像插画
    • Bootstrap3.0学习笔记之按钮与下拉菜单
    • 非常棒的Web标准学习资源收集推荐
    • 行内元素、块元素都有哪些

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有