Courses by Vanillate バニレート

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

「STUDIO」を使用したWEBデザイン方法を約1時間でマスターしましょう! HTMLコーディングを行わずに、 デザインやコンテンツに集中し、そのまま公開できたら・・! そんな夢を叶えるデザインツールが、「STUDIO(https://studio.design/ja)」です。 直感的な操作で 見た目のデザインを整えるだけで、ウェブサイトが完成します。しかもレスポンシブ対応です! これまでにもデザインツールはありましたが、表でレイアウトを行っていたものや、z-indexを多用したものがほとんどでした。STUDIOではHTML5+CSS3の概念を汲んでいるので、HTML構成を極力崩さずに、最新のBOXレイアウトでデザインを組み上げることができます。 この講座では、STUDIOの機能をより直感的に、すばやく作業を行えるように構成を行いました。 ■ STUDIOとは STUDIOは、デザイン・公開・運用までを完結できる、次世代のウェブデザインプラットフォームです。 コーディングを行わずに、レスポンシブデザインのウェブサイトを構築することが可能ですので、ウェブサイト制作初心者の方にもおすすめできます。 HTML5とCSS3におけるHTMLに準拠した構造を持つことも可能ですので、ウェブデザインやコーディングの知識を持っている方なら、より手軽にウェブサイトを作成できることを体感できるはずです。 準備するものは、パソコンと、最新版GoogleChrome、メールアドレスだけ。 STUDIOでは、デザインツールの全機能と、ライブプレビューを共有するところまでを、無料で行うことができますので、初期コストが低いのも特徴です。 ■ この講座の構成 コース前半では、STUDIOの機能の中から、Webデザインでよく使う動きを学びます。各動画はショートサイズにおさえていますので、一通り目を通すことで動作を確認しましょう。 前半動画の各項目は、ほぼ独立しておりますので、コースを終え、ご自身でデザインを起こす際にリファレンスとしても使用できます。 コース後半では、ステップバイステップとして1ページレイアウトのコーポレートサイトをスクリーンキャストでデザインしていきます。 セクションごとに、独自デザインとテンプレートを組み合わせ、構成を確立していきます。 約30分でページの立ち上げ〜公開できるデザインへの仕上げ〜までを確認できますので、時間のない方にもおすすめです。 ■ こんな方におすすめ ウェブサイト制作初心者の方、企業の中でウェブ管理を担当している方、プロの方でとりあえずページを立ち上げたいけど、良いツールが見つからない方におすすめです。...

4.9
(230)
【WebDesign】Photoshopでプロになる!オシャレ&クールなウェブデザイン作成講座
【WebDesign】Photoshopでプロになる!オシャレ&クールなウェブデザイン作成講座

現役デザイナーの操作を見て学ぶ!ウェブ制作の現場で主流の「フォトショップ」を使ったウェブデザインカンプの作成に必要な知識を3つの課題を通じて学習します。 Photoshopを使って、「ポートフォリオサイト」「コーポレートサイト」「ECサイト」の3つのテーマの ウェブデザインカンプ の作成を行います。 Photoshopでのウェブデザインの基礎を、実際に手を動かしながら学びましょう。 ウェブサイト制作の現場でフリーランスで活躍している講師が、デザイン作成の手順を解説。「移動・選択・揃え」を駆使して、デザインを組み立てる方法を解説します。 仕上がりPSDサンプルも完全収録! Photoshopでのウェブデザインカンプの作成~psd納品までの実際のひととおりの作業の流れを掴むことができます。 レクチャーを目で追い、手で作業することで、実際の現場で使用されている技術を学び、身につけることができます。

4.9
(230)
はじめよう!Wordpressで作るおしゃれサイト【デザイン入門】

83 Lessons

はじめよう!Wordpressで作るおしゃれサイト【デザイン入門】

HTMLやPHPを知らなくても大丈夫。ワードプレスの操作方法を丁寧に解説します。基礎の基礎から、サイトを制作するために必要な設計のポイントやテーマのデザインについても同時に学べます。 WordPressをこれから始めたい方、WordPressを触ったことがないけれど、これから仕事として使っていきたい方向け、デザインをしてみたい初心者の方の足がかりとして。基礎の基礎から、テーマカスタマイザーの使い方、編集部分の見当のつけ方など、このコースを終えた後に、自力でWordPressで新たなサイトが作れるようなヒントを散りばめています。 ブログ形式、ポートフォリオ形式、コーポレートサイトの3種類を作成します WordPressの本質的な部分にフォーカスを当て、ひとつひとつの操作を丁寧に解説しています。 WordPressのサイトを実際に作りながら、デザインの編集ポイントを解説 コース終了後には、自力でWordPressのウェブサイトを立ちあげられることを目標にしています 【お知らせ】2018-02-10 レクチャービデオ内の最適化のため、全ビデオの差し替えを行いました。レクチャー内容に変更ございません。 WordPressの全体像を把握することができます WordPressでのインストール、編集、サーバーへのアップロードができるようになります WordPressテーマの編集ができるようになります

4.9
(230)