魔扣论坛

魔扣源码论坛业务
查看: 1043|回复: 12

网站页面排版如何才能成为加分项

[复制链接]
  • TA的每日心情
    无聊
    9 小时前
  • 签到天数: 2956 天

    [LV.Master]开坛老将

    7万

    主题

    227

    回帖

    27万

    积分

    管理员

    Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30

    魔扣币
    745731
    贡献
    157909
    威望
    32799

    最佳新人活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2018-11-22 16:25:55 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
      合理的网页排版往往既能突出内容重点,又能传递较为全面的内容,在保证信息传递的过程中避免过重的阅读负担,提供极佳的视觉体验以及内容的可读性和可用性。而做好网页排版需要我们合理设置文字的颜色、大小,让图片与文字更协调,导航图标与文字恰当嵌入等。说到底,文字排版是重中之重,合理的网页排版要求设计师融会贯通的使用文字排版。所以接下来小飞就重点介绍一下文字排版中需要注意的一些元素:

      1. 选择合适的字体、字型
      选择合适的字体很重要,不同的字体往往代表着不一样的性格,对网站的呈现也会产生很大的影响,影响网站独特形象的树立。网站中也不要一次性使用过多的字体。如果你对于这些不太擅长,不用担心,小飞就是来提供帮助的。字体(typeface),字体就是文本的文字样式,它是一个比较笼统的概念,比如宋体、黑体等;而字型(font)更加具体,它是字体的一个子集。在网站中,我们经常需要设置的就是字体,包括它的大小(字号)、字重(加粗、常规等)和字体样式。5号加粗的微软雅黑就是一种字型,小四倾斜的华文宋体也是同理。有些人常常需要花几个小时、几周或几个月来挑选一款合适的字体,但仍然不确定哪款最合适。小飞将不同的字体分成了4种类别,快来一起了解一下吧!
      1.1.衬线字体(serif):是指在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。这种字体比较容易识别,因为它强调了每个字母笔画的开始和结束,可读性比较高,在长段落或者整文中比较适合使用。衬线字体的栗子包括Times,Cambiria等,而中文中最标准的衬线字体就是宋体,衬线的特征非常明显,字形结构也和手写的楷书一致。
      1.2. 无衬线字体(sans serif):这种字体没有那些额外的装饰,而且笔画的粗细都差不多。这种字体比较醒目,往往被用在标题、较短的文字段落。相对严肃正经的衬线字体,无衬线字体更能给人一种轻松自在的感觉。现在人们也越来越趋向于使用无衬线字体,可能是因为它们看上更简洁,更有极简主义的风范。Verdana、Arial和雅黑字体都是常用的无衬线字体。
      1.3.脚本字体(Script):脚本字体大多是装饰性质的。因其美观大方而受到不少设计师的欢迎,它们最常出现在婚礼请柬、证书等文件上。在网站中使用脚本字体可以增添独特的艺术美感,不过在使用时记住尽量给它们留下足够的空间、便于它们更好的发挥。
      1.4.手写字体:顾名思义,手写字体即是模拟人写作的笔迹,它可以非常正式,也能十分随意。这种字体可能最能代表公司网站别具一格的独特魅力,展现个性化色彩。相对于其他字体,它最大的优势也在于这种字体有着其他类别都不具备的人的元素。

       2. 调整行长和行距
      行长,是指单行文字的长度。如果一行文字太长,访客很难注意到该段落的起点和终点,阅读起来比较困难;而一行文字过短,访客在浏览时需要不停的来回扫视,这也会破会阅读的节奏。所以每一行文字的字数应该合理安排,提高网站的可读性。中文在14号字体时,建议35—45个文字。
      行距,顾名思义,行与行的间距。行距对网站的易读性也有很大的影响。过宽的行距会让内容失去延续性,而太窄的行距又会易使访客跳行、出现阅读障碍。除此以外,我们还可以通过调整行距展现独特的版式效果,宽一点的行距更显轻松、随意,宽窄行距并存也能增加网站内容的层次感。行距通常随字体的改变而变化,行间距稍稍大于字体的大小(如果使用了10号字体,,那么默认的间距是12号)。这种默认的设置一般看上去很拥挤,你可以考虑增加间距提高可读性,不过也要记住不能增加太多,把握适度原则。

      3. 适当留白
     大家感兴趣可以去看一下。在排版中,我们也要使用留白,事实上前面的字间距、行间距、段间距都是留白的几种表现形式。除了这些以外,网站的不同区块、图片等之间也要留下充足的空间,让访客在获取、加工这些信息时更加容易。

    会员购买:>> 点击购买 << | 魔扣币购买:>> 点击购买 <<
    承接业务:服务器代维丨网站托管丨SEO
    联系客服:微信:morko-net | QQ:1367681973

    该用户从未签到

    1

    主题

    241

    回帖

    483

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    241
    贡献
    241
    威望
    0
    发表于 2018-11-22 20:33:21 | 显示全部楼层
    魔扣源码论坛谢谢朋友的精彩点评!谢谢您一直以来的支持和鼓励!您的每一次点评,哪怕是一个小图、几句短语,都让我激动万分,温暖全身!感谢网络为我们搭建了交流平台,架起一座交友金桥!让我们相识网络、从陌生到熟悉、到相识相知,成为好朋友。愿我们的友谊今世永存!

    该用户从未签到

    2

    主题

    239

    回帖

    481

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    240
    贡献
    240
    威望
    0
    发表于 2019-1-27 14:06:04 | 显示全部楼层
    魔扣源码论坛网络版块就像是监狱,本来是偷了个钱包进来的,等出去的时候就什么都学会了。   

    该用户从未签到

    2

    主题

    260

    回帖

    522

    积分

    高级魔扣

    Rank: 4

    魔扣币
    260
    贡献
    260
    威望
    0
    发表于 2019-2-9 19:12:09 来自手机 | 显示全部楼层
    谢谢!一定是苍天的美意,你我才相会在网易,一定是神灵的知遇,你我才结下了友谊,一定是命运的安排,你我才充满了情意,一定是缘分的奇迹,你我才成为了知己,人生能够拥有友谊,那是生命最美收益,无论你我置身何处,快乐会永随我与你,魔扣源码论坛愿我的祝福能够带给你幸福快乐。

    该用户从未签到

    4

    主题

    240

    回帖

    484

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    240
    贡献
    240
    威望
    0
    发表于 2019-2-19 18:16:56 来自手机 | 显示全部楼层
    不错 支持一个了

    该用户从未签到

    2

    主题

    223

    回帖

    448

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    223
    贡献
    223
    威望
    0
    发表于 2019-6-15 22:25:43 | 显示全部楼层
    生是魔扣的人,死是魔扣的鬼,我愿为魔扣源码论坛添砖加瓦~

    该用户从未签到

    1

    主题

    254

    回帖

    509

    积分

    高级魔扣

    Rank: 4

    魔扣币
    254
    贡献
    254
    威望
    0
    发表于 2019-6-21 18:20:46 | 显示全部楼层
    我擦!我要沙发!

    该用户从未签到

    2

    主题

    239

    回帖

    480

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    239
    贡献
    239
    威望
    0
    发表于 2019-8-29 23:17:02 | 显示全部楼层
    传说中的沙发???哇卡卡

    该用户从未签到

    0

    主题

    264

    回帖

    529

    积分

    高级魔扣

    Rank: 4

    魔扣币
    265
    贡献
    265
    威望
    0
    发表于 2019-12-21 16:07:46 | 显示全部楼层
    没人回帖。。。我来个吧

    该用户从未签到

    1

    主题

    259

    回帖

    519

    积分

    高级魔扣

    Rank: 4

    魔扣币
    259
    贡献
    259
    威望
    0
    发表于 2020-1-20 14:36:31 | 显示全部楼层
    太给力了,永远支持魔扣源码论坛!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表