酷站两连发!收录250种日本传统色网站+免费在线建站工具 - 优设网 - UISDC

酷站两连发!收录250种日本传统色网站+免费在线建站工具

2016/07/09 13220评论区

nippon-colors-free-website-builder-1

编者按:今天要介绍的两个网站,一个收录了高达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://hao.uisdc.com/book/
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/nippon-colors-free-website-builder

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

转场动效 设计师 扁平化设计 交互设计师 优设专访 界面设计 优设大课堂 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 AI教程 设计理论 设计师专访 神器下载 字体下载 平面设计 设计趋势 psd下载 海报设计 用户体验设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里