新作テンプレート「Cute02」UPしました
utsusemi
空蝉デザイン 
可愛い系のイラストサイト向けのテンプレートを公開しました。
カフェっぽいスカラップを上下に配置した、かわいいトップページを作りたいなあ→可愛い系のイラストサイト様に向いてそうだなあ、ということで、このようなデザインと構成になりました。
可愛い系のイラストといえば、今までのテンプレートのイメージ画像でも使用させていただいていた、イラストACのこのイラストレーターさんが大好きなので、イメージサンプルにまた使用させていただいています。
とっても素敵な夏らしいイラストがあったので、つい使ってみたくなり・・・
テンプレートの一部ではないので、DLファイルには含まれていません。
ご自身のイラストや、ご自分のサイトにあった画像をご用意ください。
トップ画像の背景の水色の四角は、サイトの色を変える時に一緒に変えられるようにHTMLとCSSで作ってあるのですが、思った以上にイラストとの位置調整が難しかったので、普通にイラストに入れ込んだほうが良かった気がしています・・・
ご自身で修正しやすいように、後々変更するかもしれません。
とりあえず、夏っぽいテンプレにしたので、なんとか夏に間に合ってよかったです・・・！
STUDIOを使ってデザインを作ってみました
今回、ずっと気になっていた、国産CMSのSTUDIOを使って、デザインを考えました。
STUDIOでデザインを作って、コーディングで再現しています。
ちなみにそのSTUDIOで作ったデザイン用のサイトはこちら↓
https://temp-cute02.studio.site
STUDIOは、WordpressやWixのように、コーディングをせずにサイトが作れるサービスで、日本の企業が運営しています。
Webサイトを作る時の手順としては、グラフィックソフトなどでデザインカンプを作ってからコーディングというのが普通だと思いますが、私はけっこうそれが苦手で･･･
ブラウザで画面サイズを動かしながらの方がやりやすく、いつもPhotoshopかFigmaでざっくりデザインを作ったら、コーディングしながら細かく作ってました･･･
でも、STUDIOは操作感はFigmaに近いけど、デザインを作ったらそれがそのままサイトになっているので、ブラウザでの確認がデザインを作りながらできる。
コードをかかずに見た目を作ったら、それがすでにサイトになっている感じ。
ノーコードツールはいろいろあって、私は昔にWixとJimdoとSTUDIOを触ったことがあったのですが、一番あっているのがSTUDIOでした。
直感的にパーツを配置して動かす感じではないけど、コーディングの考え方そのままで配置、入力していくので、HTML/CSSでサイトを作る感覚に近い。
デザインもかなり自由にできる。
色やフォントの指定も管理しやすいし、無料プランでもCMSが使える・・・！
何より広告クレジットが小さくておしゃれ。
というわけで、ノーコードツールでは一番好きなのですが、クリエイターのサイトなどを見ていても、STUDIO製はけっこう多いな～と感じます。
個人サイトにはほとんど見ない気がしますが・・・
ということで、今回STUDIOでデザインしてみたのですが、もともとFigmaを使いこなしていたわけでもないので、STUDIOで十分だと感じました。
トップページ上部の最初のイメージと、画像だけはPhotoshopで作りましたが、その他のページ全体のデザインはSTUDIOで作るのが私には合っているかもしれない。
コーディングの頭でデザインを考えているので、その後のコーディングもしやすいし（なんならブラウザの開発ツールからコピペできるし）、カラバリのデモサイトも簡単に作れそう。
今回は、はやくテンプレとして完成させたかったので、STUDIOを作りこんではいませんが、もうちょっとうまく使っていけないかな～と考えています。
備忘録的に、STUDIOでの制作手順の記事も、そのうち書こうかなと思います。
