网页设计文字排版技巧
网站上每一个元素都能影响浏览,排版设计的好坏绝对能考验一个设计师的基本功底,,下面是小编分享的网页设计文字排版技巧,一起来看一下吧。
行宽
我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。
因此我们可以让内容区的每一行承载合适的字数,来提高易读性。
传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。
间距
行距是影响易读性非常重要的因素,过宽的行距会会让文字失去延续性,影响阅读;而行距过窄,则容易出现跳行。
页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距。
比如12号字体,行间距是12px—18px,段落间距则是18px—24px。
另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。
比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的'比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。
行对齐
排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。
不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。
通常情况下,建议在页面上只使用一种文本对齐,尽量避免两端对齐。
文字留白
在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。
-
网页设计的布局
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。以下是小编为您带来的网页设计的布局,看看吧!网页设计的布局11、响应式网页设计响应式网页设计是网页设计的一种技术,可在N多种浏...
-
asp.net 操作INI文件读写类实例代码
操作INI文件读写类实例代码复制代码代码如下:usingSystem;usingropServices;using;using;namespaceCommon{//////INI文件读写类。///publicclassINIFile{publicstringpath;publicINIFile(stringINIPath){path=INIPath;}[DllImport("kernel32")]privatestaticex...
-
javascript设置创建动态表格的方法
两种JavaScript动态创建table表格的方法,分享给大家,具体实现如下方法一:最原始的方法,创建一一元素vara1=teElement("table");vara2=teElement("tbody");vara3=teElement("tr");vara4=teElement("td");//开始appendchild()追加各个元素ndChild(a4);ndChild(a3);nd...
-
SQl常用增删改查模板
篇一:SQl常用增删改查SQL常用增删改查语句增加现在有一张表,表(Test)里面有三个字段,分别为sno,sname,age。举例用一条增加SQL语句,插入一条数据进库。语句:Insertinto表名value(‘数据1’,’数据2’,’数据3’)具体操作:Insertintotestvalues('test','te...