每天都在进步

73ic平台基于云端开发,每周迭代更新,你用的每天都是新的

卓越后台搭配优秀前端-字体网基于逐浪CMS构建区块链时代的网络数据中心(精彩纷呈的功能应、Flexbox弹性布局以及应动应用)

发布时间:2018-03-17 浏览次数: 分享网址

关于本功能的简介:

作为一个高逼格的字体厂商官网,应该如何体现自己的设计理念,设计团队对此的定义是: 精细化、扁平化、轻薄化。
既要展现出现代字体之美,又要将现代字体的东西方文化交融聚合在一起。 
所以我们看到了,菜单初始是中文,然后而点进去就变成中文。 
首页进入后是一个基于css3.0的动画,无处不在的htnml5动画。 
即时的后台推送系统,使之形成一个“静如处子、动如脱兔”的卓越web样本。

详细说明

面向未来,面向生产力!


逐浪CMS旗下-逐浪字库官网全面开放,正式上线,网址:http://f.ziti163.com


一、技术背景

大数据和云计算时代,再加上区块链技术的加持,推动基础技术研发,Zoomla!逐浪CMS有幸站在这样的历史高度滚滚向前!


传统的网页是一行一行的HTML写作,新web一切已进化到以Emmet简写展开,1码10行(甚至更多)的境界。

传统的网页不过是CSS样式表呈现,新web是基于sass和less进行编程化样式编译。

传统的网页不一键ps做图走天下,前沿的逐浪CMS已经早早的引入svg矢量画图技术。

传统的网站图标无非是一个JPG,而基于Webfont的字库技术大大推进了展现领域。

你所熟悉的网页结构,已被React、AngulaJS等新web技术使传统网页开发面貌大大提升。

以及基于Git、PowerApp、混合现实、AR、MR技术,正是:一日千里,始于基石。



因而我们在国内提出了全新的WEB开发分野定义,正如《逐浪项目前端选型指导手册》中所说的:

现代化的WEB与移动呈现经历了四个时代:

1、初期的table表格式设计(已不多见)

2、CSS2.0时代的固定宽度设计(如旧式的新浪网),我们称为传统式设计

3、基于响应式的设计,我们称为响应式设计

4、Flex Box弹性布局设计,我们称为Flexbox弹性布局设计


a.jpg



其优劣点表现如下:


ab.jpg


而以bootstrap 4、Zoomla!逐浪CMS为代表的产品,已经大步进入svg+弹性布局时代,其构建的站点不再是简单的“适应小屏手机”,而是“移动优先、弹性支持各类设备”,从小型手机到标准屏幕、从视网膜屏幕到高清4K\8K显示终端,无不为此欢欣鼓舞。


下图:基于逐浪CMS最新前端技术构建的移动页面,其具备与三星、微软等国际大站一样的前端体验,卓越不凡:


b.jpg


传统设计与现代设计对比:

c.jpg



二、项目介绍


逐浪字库(官网http://f.ziti163.com),是逐浪CMS旗下的专业字库研发团队,其产品官网基于Zoomla!逐浪CMS2 x3.9.3构建,全面体现了这一理念。


a1.jpg


作为一个高逼格的字体厂商官网,应该如何体现自己的设计理念,设计团队对此的定义是:

精细化、扁平化、轻薄化。


既要展现出现代字体之美,又要将现代字体的东西方文化交融聚合在一起。既是优秀字体厂商的典范,又是卓越字体展示和应用的精美呈现

所以我们看到了,菜单初始是中文,然后而点进去就变成中文。

首页进入后是一个基于css3.0的动画,无处不在的htnml5动画。

即时的后台推送系统,使之形成一个“静如处子、动如脱兔”的卓越web样本。




三、精彩讲解

让我们来对比目前国内几大主流字库厂商官网构建技术。

首先,作为字体厂商网站,字体演染展示效果是重中之重。

北京汉仪:提供渲染,但自身未引用任何svg展示。

北京方正:字体渲染出错,在广泛的浏览器上显示会相当多的缺陷。

维坊造字工房:PS式秀技,未提供任何面向web和内核级的技术的解决方案。

其它厂商则根本谈不上自身官网建设,且都没有webfont解决方案和实际展示、都没有字体样本生成功能,而逐浪字库在这方面提供了完整的解决方案,实现了一键生成字体、SVG级别字体动态菜示,只要点击”字库产品“栏目,就能体验到这种与技术谦逊、紧密融合带来的好处。


ab.jpg

(上图:国内传统厂商标榜完整兼容高清屏、WEB引用,事实上自身展示都不完整、何以济人)。



a.jpg上图:svg动态呈现


b.jpg

上图:面向矢量的高清展示


cc.jpg

上图:卓越的字体工具


dd.jpg

上图:国际样本生成


ee.jpg

上图:基于Zoomla!逐浪CMS人工智能技术的-自由保存样本为word\excel或高保值JPG图形


w.jpg

上图:专业的在线测字中心,确保每一个字都能卓越展示


3333.jpg

上图:卓越的鉴赏中心


细心的访问者可以在其中慢慢的体验其中的细节,来自逐浪的精工产品,体现了卓越的产品之道。


四、面向开放的工具集

作为进步的字体厂商,逐浪字库官网设计之初就定义为开放的平台,其不仅是一个“收费”的字库厂商,那样的起步非我们初心(即使这是目前多数字库厂商的行为准则)。

更多意义上,它应该是汉字文化的繁荣兴盛节点,我们将它赋予了开放的功能,哪怕是一个企业网站我们也让他赋予了更多的社会意义。


网站提供了丰富的字体工具集,访客可以快速上手如何 使用字体、创作体字、引用字体以及对于汉字(文字)编码知识与背景。


未来,逐浪字库团队还将融入更多的科技元素,做中国最好的字库厂商展示平台,面向未来发展。


4.jpg

5.jpg



注:为体现产品的广泛说兼容性,本案使用微软IE11浏览器进行截图展示(当然更兼容所有的主流浏览),未用mac电脑作做(我们拥有强大的企业内部云计算中心和大数据中心),以展示实力技术派,而非设计style派作风。

务实、勤奋、卓越,以夺天工。

成长、奋斗、开放,逐浪出海!


打印保存责任编辑:本站编辑 发表评论>>
上一篇文章: 下一篇文章: