酷站两连发!收录250种日本传统色网站+免费在线建站工具 - 网页设计 - yinxi.net
author:一佰互联 2019-04-08   click:182

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

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

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

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

NIPPON COLORS 日本の伝统色

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

NIPPON COLORS

NIPPON COLORS

NIPPON COLORS

NIPPON COLORS

NIPPON COLORS

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

NIPPON COLORS

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

NIPPON COLORS

Page00

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

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

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

STEP 1

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

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

Page00

STEP 2

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

Page00

STEP 3

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

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

Page00

STEP 4

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

Page00

STEP 5

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

Page00

STEP 6

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

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

Page00

STEP 7

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

Page00

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

值得一试的三个理由:

  1. 透过浏览器就能建置网站,内建统计功能、响应式设计
  2. 无空间或流量限制,也没有访客点阅次数限制
  3. 开放让使用者编辑原始码,包括 HTML、CSS 和 JavaScript

【巅云酷站22连发!】

  1. 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载:《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:free.com.tw

yestone-uisdc-2

【网页设计 原创文章 投稿邮箱:2650232288@qq.com】

================关于网页设计================“网页设计uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。【特色推荐】设计师需要读的100本书:史上最全的设计师图书导航:http://www.yinxi.net//book/。设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。设计导航:全球顶尖设计网站推荐,设计师必备导航:http://www.yinxi.net/

巅云大课堂