コーディング不要！新世代ウェブ制作ツール「STUDIO」で超速レスポンシブウェブデザイン

コーディング不要！新世代ウェブ制作ツール「STUDIO」で超速レスポンシブウェブデザイン

HTMLコーディングを行わずに、デザインやコンテンツに集中し、そのまま公開できたら・・！

そんな夢を叶えるデザインツールが、「STUDIO（https://studio.design/ja）」です。

直感的な操作で見た目のデザインを整えるだけで、ウェブサイトが完成します。しかもレスポンシブ対応です！

これまでにもデザインツールはありましたが、表でレイアウトを行っていたものや、z-indexを多用したものがほとんどでした。STUDIOではHTML5+CSS3の概念を汲んでいるので、HTML構成を極力崩さずに、最新のBOXレイアウトでデザインを組み上げることができます。

この講座では、STUDIOの機能をより直感的に、すばやく作業を行えるように構成を行いました。

■ STUDIOとは

STUDIOは、デザイン・公開・運用までを完結できる、次世代のウェブデザインプラットフォームです。

コーディングを行わずに、レスポンシブデザインのウェブサイトを構築することが可能ですので、ウェブサイト制作初心者の方にもおすすめできます。

HTML5とCSS3におけるHTMLに準拠した構造を持つことも可能ですので、ウェブデザインやコーディングの知識を持っている方なら、より手軽にウェブサイトを作成できることを体感できるはずです。

準備するものは、パソコンと、最新版GoogleChrome、メールアドレスだけ。

STUDIOでは、デザインツールの全機能と、ライブプレビューを共有するところまでを、無料で行うことができますので、初期コストが低いのも特徴です。

■ この講座の構成

コース前半では、STUDIOの機能の中から、Webデザインでよく使う動きを学びます。各動画はショートサイズにおさえていますので、一通り目を通すことで動作を確認しましょう。

前半動画の各項目は、ほぼ独立しておりますので、コースを終え、ご自身でデザインを起こす際にリファレンスとしても使用できます。

コース後半では、ステップバイステップとして１ページレイアウトのコーポレートサイトをスクリーンキャストでデザインしていきます。

セクションごとに、独自デザインとテンプレートを組み合わせ、構成を確立していきます。

約30分でページの立ち上げ〜公開できるデザインへの仕上げ〜までを確認できますので、時間のない方にもおすすめです。

■ こんな方におすすめ

ウェブサイト制作初心者の方、企業の中でウェブ管理を担当している方、プロの方でとりあえずページを立ち上げたいけど、良いツールが見つからない方におすすめです。

「STUDIO」を使用したWEBデザイン方法を約１時間でマスターしましょう！

Url: View Details

What you will learn

• STUDIOの機能の中から、Webデザインでよく使う動きをスピーディーに学ぶことが出来ます
• コース後半では、約30分でページの立ち上げ〜公開できるデザインへの仕上げ〜までを確認できます
• STUDIOのデザインの一通りの動作を確認するので「何がどのあたりにあるのか」を瞬時に理解し、直感的にデザインを行えるようになります

Rating: 4.35

Level: All Levels

Duration: 1.5 hours

Instructor: Vanillate バニレート