如何创建一个个人网站(怎样在网页中做出精彩的文字排版)

建站教程 2年前 (2023) admin
127 0

网站排版中建议最多不要超过3种字体类型,不然会使网站看起来松散和不专业,不仅太多的字体类型会造成这种问题,太多的字体尺寸也会破坏网页布局。

怎样在网页中做出精彩的文字排版?

所以这里技巧吧!

1.不要使用过多的字体

网站排版中建议最多不要超过3种字体类型,不然会使网站看起来松散和不专业,不仅太多的字体类型会造成这种问题,太多的字体尺寸也会破坏网页布局。

通常情况下,将字体类型的数量限制在最小数量(2个是很多,1个通常就够了),整个网站坚持使用相同的原则。如果使用多个字体,请确保俩个字体是和谐的。以下面的字体组合为例,Georgia和Verdana的搭配相得益彰,相对比较和谐。相比于右边Baskerville和Impact则会有明显的感,非衬线Impact明显的超过了Baskerville的视觉冲击力。 而在中英文排版中,建议大家中文使用标准中文字体,而英文、数字和字符使用标准的英文字体。以下图为例,可做对比参考。 左:中文(汉仪旗黑) 英文(DIN Next LT Pro) 标点符号使用半角字符 右:中文(汉仪旗黑) 英文(汉仪旗黑) 标点符号使用全角字符。

2.尽量使用标准字体

在Google Web Font或者Typekit,和国内的“有字库”的字体嵌入式服务有很多有趣的字体,对于国内设计师来说,痛苦的是中文字体会很大,一个字体动则几兆,十几兆的,这样用户在会增加用户浏览网站的载入时间;反之英文字体26个字母大小写,加数字标点符号一共几百k的字体是很容易在网页中使用的。

尽可能选择标准字体(近几年网页中通常使用思源黑体,PingFang,英文可以使用Arial,Calibri或者其他常见的易于屏幕阅读的黑体字,如没有特殊概念指导尽可能避免使用衬线字体,如宋体) 不是每位用户都可以在终端上看到同一个字体,意味着你选择的适合的字体,用户有可能看不到。 用户更熟悉标准字体,因此他们可以更快的阅读 特殊的、并且少量的字体可以制作成.svg格式的素材嵌入Web使用 良好的排版会使用户更加关注内容本身,而不是字体的类型。

3.限制一行文字的长度

保证每一行文字的字符数量是文本可读的关键。不仅由设计师来定义文本的宽度,同时需要根据用户的可读性来定义。 太宽-会使得单行文字太长,读者的眼睛会难于专注文字。因为长时间阅读容易串行,大段的文本中很难找到正确的行。 太短-会使得用户的眼睛经常回到下一行文本,会打破读者的阅读节奏,长时间阅读造成视觉疲劳。太短也会倾向于向读者发出一种信号,使得读者没有读完当前这行就去跳到下一行阅读,可能会忽略潜在的重要词句。

对于移动设备,应该每行30-40个字符(半角),具体显示多少个字数,与不同分辨率的屏幕、文本宽度和字体大小都会有关系,设计的原则是:保证用户可以流畅的阅读文本,文字不宜太小或太大。以iOS(手机)为例,正文文本最小字号不能小于24px,太小了用户阅读会难以阅读。以百度为例,可作为参考。

4.选择用有多个字重,屏幕显示良好的字体

用户将通过不同屏幕分辨率的终端设备访问你的网站,大多数用户界面需要各种大小尺寸的文本(标题、副标题、文本、标注等等)。选择一款能够在不同屏幕分辨率的设备上运行良好的字体以保证它的不同尺寸的字体都具有极高可读性(Readability)和可用性(Usability)也是非常重要的。

近俩年备受大家欢迎的思源黑体和PingFang字体都是不错的选择,当然,个人认为汉仪旗黑无论从家族字体的数量、字体质量、屏幕显示、纸媒印刷上来说都不逊色于前面俩款字体。参与过思源黑体设计的设计师曾说过,思源黑体还是相对比较粗糙的一款字体。 同样,为了保证在屏幕上清晰可辨,尽量避免使用衬线体,尽管他们很漂亮。

5.使用识别度高的字体

在选择英文体的时候,有些字体的个别字母极易混淆,特别是“i”和“L”(如下图所示);以及文字之间的间距。许多中文字体在使用较小字体的时候笔画会粘到一起(上图),不容易辨别;所以在选择字体类型的时候,请检查你选择使用的字体,确保不会为用户和产品造成不必要的损失。

6.避免在界面中大段的使用大写字母

不要所有文本使用大写字母,强制用户阅读大写字母,首字母大写,具有特殊含义的缩写等情况除外,与小写字母相比,大量的使用大写字母会严重降低用户的阅读效率和愉悦感。

7.将行间距控制在字体的1.5-2.0倍之间

在文字文字排版中,我们又一个特殊的术语,用于表示行与行之间的距离:行间距(或行高)。为了保证文本的可读性和易读性,使文本形成线性的阅读感受,在网页设计中,通常情况下将行间距控制在字体大小的1.5-2.0倍之间(中文字体)。英文字体推荐使用默认行间距,或根据默认行间距微调。

8.适当的颜色对比度 通常情况下,文本和背景尽量避免使用相同或相似的颜色。

文本越明显,用户能够扫描和阅读的速度越快。当然,学会通过文本颜色、大小和背景的颜色关系来控制视觉层级也是必要的。 与背景相比,小文本和背景的对比度至少为4.5:1 大文本(14px/18px以上)应该保持与背景3:1以上的对比度

灰色通常作为辅助色使用,根据我自己的项目经验,给大家分享一套我自己一直在使用的灰色,灰的有层次,清晰的区分信息层级是必要的。

9.避免将文字着色为红色或绿色

色盲和色弱是我必须要照顾到的一部分用户,特别是在男性中(8%的男性是色盲)建议使用处颜色以外的其他(如下划线,加粗等)。避免使用红色和绿色单独传达信息。因为红绿色盲是最常见的色盲形式。(现在想想,那些因为红绿色盲而考不了驾照的童鞋是不是要分分钟恨死制定红绿灯规则的人,当然这只是个笑话,使用红绿灯是因为光学在物理传播方面的原因,这里不解释)

虽然在日常生活中我们总是用这种,红色表示错误的操作,反思一下我们是否有去考虑色盲用户的操作和体验。或许我们是不是可以考虑换一个?

10.避免文字闪烁

闪烁的文字或内容可能会让某些用户感到不适,对于一般用户而言,这可能分散他们的注意力或者使他们感到烦躁。

虽然在网页设计中依然有很多需要我们注意的地方,最后,分享给大家一个想法就是:网页设计中排版很重要。做出正确的排版可以让你的网站感觉清爽,糟糕的网页排版会令用户分心,倾向于关注自己的感受而非内容。排版的关键在于使信息层级清晰、用户易于阅读、并且保证文字是可读的。文字的排版不应该增加用户的认知符合,以求达到尊重内容、尊重用户的目的。

如何创建一个个人网站(怎样在网页中做出精彩的文字排版)

官方网站是什么意思啊?

官方网站也称“官网”“官方网站”在生活中被人们提及的比较多,可是很多人并不知道什么是官方网站,接下来给大家详细说一下。

官方网站又简称官网,一般指的是公司的“官方”网站。现在很多公司都会建立自己的官方网站,以提升公司的形象,推广公司的产品,但很多公司认为网站最重要的部分是网站的内容和产品的内容,但主页网站不是很关心,一个小网站的主页是乱七八糟的,用户没有耐心继续观看。事实上,在网站建设中,网站主页的建设非常重要。一般网站的首页上显示有关该公司的一些介绍,不要太多,但是要说的比较透彻,让更多用户了解品牌。此外,点击网站中其他页面的路径应该清晰,界面需要有独特的设计,这才是做好官方网站最重要的。

官方网站一般指的是公司的“官方”网站,又简称官网,目前有很多的公司都建立了自己的官方网站。

如何成为小说作者?

题主是想写网文吗?如果是想写网文,想成为千万网文作者中的一个,那是一件比较简单的事。

因为对于写小说,现在的门槛并不高,只要你有一部手机,你可以输出,那你就可以成为小说作者。

但你想以此为生,或者想取得一定的成绩,那就比较难了。

首先你得想好你想写什么类型的小说,你的小说类型又适合哪个网站。你想写长篇还是短篇,想走什么路线,你的人设大纲是否有写好?

如果前期的事情你都准备好了,那你可以选择你想去的网站,注册账号,后台上传章节,等到一定的字数申请签约。

或者可以内投,找到相对应网站编辑的邮箱,将你写好的大纲跟正文投到编辑邮箱,然后耐心的等回复。

如果运气好,你也有那个实力,跟网站签约,那你就会成为一个小说作者。

不过这只是刚开始,有一些网站的签约门槛并不高,但是不同的网站福利、侧重点那些都不一样,大网站跟小网站的区别也很大,你得好好想想。

如果你是因为喜欢,所以写小说,那还好,因为兴趣会成为你更文的动力。

签约之后每天需要定期更新,更新字数看网站,一般是两千到三千。如果遇到上架或者推荐,一般需要爆更。

如果你是因为觉得写小说能赚钱,所以想写小说,那你需要做好不赚钱的心理准备。

毕竟现在写小说的人太多了,谁能保证你的文能突然爆?更何况还有那么多写了几年小说的作者,他们的文都还没有爆呢,而且现在网文的红利期已经过了。

小说签约的形式有很多种,买断、保底、分成之类的,一般都是分成,选什么也要看你个人和网站。

不过并不是签约就有钱拿,你需要白白更几个月文,等到上架之后,你才会有订阅收入,如果成绩不好,只要你每天更新规定的量,也可以拿个几百全勤。

总之,想当一个小说作者很简单,但想当好一个小说作者就很难了,每天的定期更新,看不到头的未来……

有很多小说作者,他们虽然没有成绩,但还在坚持呢,因为有种东西叫热爱。

不过没准你是那个幸运儿,不管怎样,如果喜欢的话,那就去试试吧,记得先做下功课,不要盲目的写盲目的投。

一般用什么编程语言?

一个非常好的问题。题主没有说网站的主要用途,一般来讲,推荐Java + Spring Boot开发Web应用是常用搭配,前端开发使用JavaScript。

一,系统架构

前后端使用动静分离架构,后端Web服务封装REST接口,前端调用实现交互,系统易扩展,易于部署维护。

二,后端开发

Java + Spring Boot是当前主流的开发语言和框架,简化了琐碎的配置工作,提高开发效率。

三,前端页面

根据不同也业务场景有很多开发框架可以选择。以适用于信息管理系统的阿里开源框架Ant Design Pro为例,开发JavaScript代码调用后台服务接口。

Ant Design Pro是一个中后台前端设计解决方案,提供了丰富的设计模式和相应的代码实现,快速开发出一个Web管理系统。

首先安装Node环境,然后运行npm create umi,自动安装Ant Design Pro脚手架,包含了一个完整的开发框架,提供了各类功能模块。

四,数据层

常见数据层有MySQL数据库,持久化框架MyBatis,代码生成器MyBatis Plus

1)常见的CRUD操作通过调用自动生成的Service接口,比如读写log数据表。

2)如果用户量并发量较高,需要考虑接口读写数据库的性能,集成Redis搭建缓存机制,频繁读取的数据优先使用缓存

3)如果需要平滑高峰期负载,引入ActiveMQ或者kafka消息队列,将业务处理异步结构

五,基于Web服务脚手架,快速开发产品原型

从实际项目中整理提炼的Web服务脚手架,集成常用的组件功能,快速开发产品。

如何获取源码:私信”源码客”获取下载地址。

我是工作多年的Web应用架构师,欢迎关注我,了解更多IT专业知识。

如何成为一名作家?

怎样成为作家?对于这个问题好回答。首先请关注我,了解我。我粉丝不多,在大陆也不出名,但我很自信。我简单介绍下自我:邱安俊,男,52,单身,初中文化。江苏淮安人。字,石江,号,楚州一点红,香红居士,岗塘居士,现代狂客。现居寒舍银杏斋。作家,画家,书法家诗人,词人。散文家,思想家,幻想家,科学家,天文爱好者。网红。抖音粉丝7百多。早年穷游名山大川,足迹遍布大半。多次参加书画比赛并获奖,证书无数,铜质奖牌三枚,部分诗书画被江西省人文书画院永久收藏。有诗集《邱淮安集》样书出炉。现寻合作商投资共蠃出版。《邱淮安集》共收录了我十二年前创作的诗词联句共一百五十余首,书籍字数一万余字。曾将《邱淮安集》两次带到南京凤凰集团(世界出版知名企业)给专家鉴定,结论为,大部分为抒发个人情感的打油诗。但其中二十余首诗词是符合格律要求的,更具平仄,押韵,对仗等要求。因无钱投资,耽误至今。我想,网友读到此处就知道怎么样成为作家了。作家又分为三个档次,一是无名小卒,二是普通作家,三是鲁迅,巴金,列夫、托儿斯泰,雨果,余秋雨,邱安俊等世界知名作家。我的代表作举一,二:《无题》,茫茫穹宇,何处为际?生人为何?何为人生?《往事》往事淡如烟,娟声听不见。萧萧春风鸣,歌罢沧桑淹。《望少年》,一生多短暂,光阴甚难返。愿君惜少时,老来开笑颜。总而言之,要想成为作家,笔和纸是我们的朋友,只有不停地写写写,才能成为作家。要想成为大作家知名作家,哪首先要学会做人,学会同情下层,关心疾苦,敢于挑战,怀疑一切,大胆向名师大师挑战,积圾体验细致的观察生活,与自然为师,才有可能达到名作家的境界,才有可能创作出符合时代特色,穿越时空经典永恒之作品,谢谢!

相关文章