デザイナー向け

ノーコードwebサイト制作「STUDIO」はじめの一歩。コーディングが苦手なデザイナー必見!STUDIOの始め方をご紹介

ノーコードサイト制作「STUDIO」はじめの一歩。コーディングが苦手なデザイナー必見!STUDIOの始め方をご紹介

ノーコード(コーディングなし)でサイト制作ができるサービス、STUDIOって存知ですか?

STUDIO

 

私が初めてSTUDIOを知ったのはつい半年ほど前なのですが、知った時は衝撃を受けました。

 

なにせ、ノーコードでサイト制作が出来るサービスはWixくらいしか知らなかったのですが、

ノーコードだとデザインの自由度が低いし、クオリティを担保したサイト制作は難しいと思っていました。

 

ところが、

このSTUDIOは、

・コーディングしなくて良い!

サーバーも込みなのでめんどくさい手続き不要!

・デザインのクオリティもめちゃくちゃ高い!

そんな夢のようなサイト制作サービスだったんです。

 

この記事では、

これからSTUDIOでサイト制作を始めてみたい方向けに、

STUDIOの基本を学ぶためのはじめの一歩と、

困った時の解決方法をご紹介します!

 

STUDIO公式YouTubeで基本操作を学ぶ

実際にサイト制作を始める前に、まずはSTUDIOの基本操作を学びましょう!

 

パワポ感覚で操作できるWixと違って、

STUDIOはfigmaのようなプロトタイプツールに近いです。

 

また、ボックスレイアウトを採用しているので、

最低限ボックスレイアウトについて理解する必要があります。

 

公式YouTubeの解説がとてもシンプルでわかりやすいので、

一通り目を通すことをおすすめします。

操作説明の動画は英語ですが、日本語字幕をONにすれば大丈夫です!

 

基本的な操作はこれだけでバッチリです。

さっそくSTUDIOでデザインを始めましょう!

 

STUDIOサイト制作で困った時はここで解決

作成しながら疑問点が出てくることもあると思います。

そんな時は、下記の3つの方法が有効です!

 

STUDIO公式ガイド

STUDIO公式ガイドで検索してみれば、基本的な疑問点は大体解決できます。

 

STUDIO公式slackコミュニティ

公式ガイドで解決できない問題は、slackコミュニティで質問してみましょう!

STUDIOのスタッフの方はもちろん、STUDIOでサイト制作をしているデザイナー、エンジニア、ディレクター、サイト制作を依頼したい方など、様々な方が集まっているコミュニティです。

 

検索すれば過去の投稿から同じ疑問を探すこともできますし、

それでも見つからなかったら質問を投稿すれば、大体どなたかが優しく教えてくれます。

 

また、このコミュニティ内では、

・質問コーナー

・イベント情報共有

・お仕事依頼

・作品紹介

・tipsの紹介

・雑談

など、疑問点の解消だけではない様々な情報が飛び交っています。

 

デザイナー募集の案内なども時々ありますので、

サイト制作案件を受注したい!と思っている方にも、チャンスがたくさん転がっているコミュニティだと思います。

 

公式チャットサポート

上記二つでもどうしても解決できなかったら、公式のチャットサポートに問い合わせましょう。

編集画面の右下のチャットマークから送信できます。

 

web制作に革命を起こしたSTUDIO

web制作って、けっこういろいろやることがあって案外面倒ですよね。

 

デザインをして、

コーディングをして、

サーバーを契約して、

表示確認して、

ブラウザごとの崩れを直して、

…みたいな細かい作業がたくさんあったり、

特にコーディングは、慣れていないとめちゃくちゃ工数がかかります。

 

そんな面倒な作業が、STUDIOならすっきり解決。

デザインをしながらコーディングが終わっていて。

サーバーの契約も不要でワンクリックで公開完了。

しかもデザインの自由度が高いので、ノーコードとは思えないクオリティのデザインが可能。

 

私のような、コーディングに自信がないデザイナーや、

コーディング工数を削減したい方

それでもデザインクオリティにはこだわりたい!という方にとっては、

ぜひとも学んでおきたい、サイト制作ツールとなりそうです。

 

ブログランキングを見る

ブログランキングに参加中です。

記事を気に入っていただけたら、猫様をぽちっとしていただけると嬉しいです!