Loading
0

收录250种日本传统色网站+免费在线建站工具

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

编者按:今天要介绍的两个网站,一个收录了高达250种日本传统色,设计师可以用来汲取配色灵感。一个是免费的在线建站平台,不仅支持响应式设计,而且木有空间流量限制,特别适合想建个人网站的设计师。

本文要介绍的 NIPPON COLORS(日本の伝统色)对日本爱好者来说一定很有吸引力,网站以收录所谓日本传统色系为主,前前后后共 250 种颜色,这些颜色具代表性,经过历史文化长时间淬练而来,也是最足以代表日本的色系。

简单来说,日本传统色是在日本古典文学里经常使用的颜色,而这些颜色也常被用于和服或其他日本传统艺术和手工艺中。无论有没有去过日本旅行,当你看到这些色彩时,可能当下就会立刻联想到日本(尤其台湾又受日本文化影响甚巨…)。

现在,用户透过 NIPPON COLORS 即可轻松索引检视这些日本传统配色,包括色彩名称、色码(CMYK、RGB、HEX),亦能开启动态模式,自动随机切换不同背景色。若你想要在设计上走和风配色,或是日系的素雅风格,请务必到这个网站来找寻灵感。

NIPPON COLORS 日本の伝统色

开启 NIPPON COLORS 网站后会随机跳出一种颜色。个人非常喜爱它的网站设计,尤其在字型运用上相当精致细腻,右侧会显示当前颜色的色彩名称及色彩值,包括 CMYK 印刷四色分模式和 RGB 三元色光模式色阶。

将鼠标光标移动到 RGB 三元色光模式上,右侧会自动跳出 HEX 网页颜色值。

比较特别的是右侧有一个「Munsell」也就是「曼塞尔色彩体系」选项,将它开启后会变成动态模式,利用色彩里的明度、色相和采度三个维度来描述颜色,你可以看到相当酷炫的动画效果,在固定时间后自动随机切换至其他颜色,也是一个寻找色彩灵感的方法喔!

Page00

本文要再来介绍一款好用的免费网页架站平台 Page00,这项服务主要针对单页式网页设计,不用额外下载、安装软件,透过浏览器就能快速产生支持响应式设计(RWD)的在线网页!也就是无论计算机、手机或平板计算机都能正确浏览。

比较特别的是 Page00 能让使用者修改程序代码,包括一般看得到的 HTML、CSS 或 JavaScript,本身在操作上也很直觉,相较于近期一些新上线的架站平台来说,Page00 外观显得阳春许多,但朴实的外表下却隐藏着非常易用的功能设计。

Page00 内建流量统计、追踪功能,本身空间或流量无限,也不会针对浏览人次而有所限制,你可以尽情建立网站,当然也能随时编辑网站内容,或将网站移除等 等,Page00 特别适合做为活动临时网页或短期宣传页面建置使用,不过比较可惜的是 Page00 无法让使用者自定义域名。

STEP 1

Page00 是一项必须注册才能使用的网络服务,话虽如此,它仍提供匿名式网页产生工具,只要设定密码就能使用,网页会保存 28 天。

开启 Page00 后,使用者可以选择以 Facebook 或 Google 账号登入,或者以 Email 注册账号。登入后,就能看到 Page00 相关功能,我们点「New Page」来建立第一个网页。

STEP 2

第一次使用 Page00 你可能会搞不太清楚如何操作,我简单说明你就会理解,Page00 左边主要是内容的编辑调整功能,包括网站标题、副标题、内文、链结、首页图片等等,右边是实时预览画面,一边做它就会慢慢更新、展示目前的网页样式让你参考。

STEP 3

在 Page00 内容编辑器部分,不意外的是使用所见即所得编辑器,也就是使用者能直接在编辑器内加入文字样式、插入图片链结或是分隔线等等,修改网页就跟在使用 Word 编辑器一样简单,将你要的排版格式陆续加进来后,Page00 就能把它转为网页呈现。

别忘了一边改,一边看看右边实时预览有没有符合你要的效果。

STEP 4

Page00 有个「Hero Image」设定,这通常被称为「首图」或主图片,会呈现在文章的最顶端,假如你有在浏览一些新闻网站的话应该对于类似设计不陌生。Page00 让使用者也可自定义网页首图。

STEP 5

前面有提到:Page00 另一个特色是开放让使用者编辑原始码,包括 HTML、CSS 和 JavaScript!虽然跟一般网页可能多少有些差异,但如果要做一些小调整,Page00 这项编辑功能就显得很实用了!要如何打开程序代码编辑呢?点选右上角的「程序代码」图示就能看到。

STEP 6

最后,点选右上角的「Change Template」,来变更套用到网页的版型吧!Page00 真的是一个非常老实的网络服务,就连提供的网页样式也都中规中矩,没有太多变化,不过这些样式很适合套用到各种内容上,也不会有看起来怪怪的违合感!

主要都是版面和颜色的调整而已,因此只要找到符合你网页使用的样式,选择后就能实时套用进去。

STEP 7

重头戏就是发布网页!是的,最终你必须点选右上角的「Publish」按钮来发布页面,这也是类似于储存网页的功能。点选后,设定一个页标题、链结,按下下方按钮完成发布,其他人就能看到。

跟一般服务不同的是 Page00 并未提供付费方案,因此也没有更多自定义功能可以使用,这是美中不足的部分(但同时也带来优点就是不会有限制),如果你想在手机或平板计算机上用 Page00 来建立网页的话,它也提供免费的应用程序下载,可在官方网站首页找到。

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-36-17237-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:文案 | 90%营销人会犯的9个广告错误(以及改正方式)上
下一篇:文案 | 90%营销人会犯的9个广告错误(以及改正方式)下