【全部教えます!】WEBデザインの作り方紹介!できるまでの流れ-adobe Illustrator-
HTML-код
- Опубликовано: 4 авг 2024
- モンスター・アカデミアの神子校長が自らIllustrator(イラストレーター)を使って、
WEBサイトのデザインをどうやって作っていくのか、ノーカットでお届けします。
デザイン初心者の方も、そうでない人も1から10までお見せしているので、是非参考にしてください!
<目次>
0:00 導入
1:30 ガイドライン
2:18 ラフ書き
4:27 デザインの参考探し
6:30 制作開始
17:20 デザインの大枠完了
18:30 ブラッシュアップ1回目
20:49 ブラッシュアップ2回目
23:45 ブラッシュアップ3回目
25:32 デザイン完成
〈The noun Project〉
thenounproject.com/
---------------------------------------------------
モンスター・アカデミアのオンラインデザイン授業は、潜在的な問題を言語化して、課題を解決するために必要なデザインの力とコミュニケーション力を身につけ、国や場所を超えて、自分の力で働くための土台をつくっていただく場所です。
是非、下記のアカウントのフォローや、無料説明会にお越しくださいませ!
【モンスター・アカデミア公式HP】
monstar-academia.com/
【公式LINE】
• 【もう迷わない】配色の基本を徹底解説【デザイ...
【Twitter】
/ monstaracademia
【Instagram】
monstar_aca...
【Notes】
note.com/monstar_academia
#WEBデザイン #イラレ #Illustrator #WEBデザイナー Развлечения
神子先生ナイスです〜!作業の流れ見れるの勉強になります🙌
私の会社はデザイン専門の人がいないのでものすごく参考になりました!
ちゃんとした作成過程の動画って本当出てこないので貴重な動画をありがとうございます✨
こういうの有難いです❤️✨✨
初めてホームページを作った時はその日や次の日に見て違和感があってもどこをどう直したら良いのか分からず、一週間くらい経ってから見ると、どう直したら良いのか分かるようになりました!
寝かして修正を繰り返すと良くなるので楽しいです☺️
ぜひ楽しみながらデザインを勉強してください😊
グリッドに分割便利ですね ♪ 使います!
素晴らしい内容でとても参考になりました。この続きの工程(実際にWebサイトが公開されるまで)の動画はありますか?
または、イラレで構成したデータをそのままインポート?自動コーディング?してくれるツール(又はおすすめ)はありますか?
うますぎ
コメントありがとうございます😊上手いですよね!
未経験の方でもモンスター・アカデミアで勉強すると3ヶ月くらいで綺麗なデザイン作れるようになります☺️
すげえな
先生はコンセプトをざっくりイラレで書くときに、とっても簡単に文字を書いていますが、何を使っていますか。
Macのパレッドでは先生のようにスラスラ手書きのように書くことが難しいです。
すごく勉強になります! ワイヤーフレームを書いてからデザインカンプを作ると思ったのですが、
先生のようにざっくりしたラフからデザインカンプを作っても良いのでしょうか・・?
デザインカンプを作りながらチームで共通理解を揃えて、具体的なデザインを進行する場合もあります!ですが最近は、ワイヤーフレーム→そのままデザインという流れがスピーディに進行できるのでこの方法が多いですね!
@@monstaracademia8691 ありがとうございます!^^
真似してなんぼの世界なのですね!
まだ始めたことがない初歩の初歩だとどのボタンで何の機能付いてるか分からないから、まだこの動画見てできる段階ではないんだなと思いました。
デザインをそのままコード化してくれるものってあるのでしょうか?
コーディングが苦手な場合、そういう機能があったらいいなと思い聞いてみました。
こんにちは!デザインデータを元にコーディングを自動的に行なってくれるツール最近出てきていますが完璧では無いのである程度の知識は必要かと思います。ただ自動化ツールと併用することでコーディングのハードルは下がると思います😃
@@monstaracademia8691 返信ありがとうございます!コーディングをこれから学ぼうと思っているのですがどこまでできるか不安だったので、そういうのツールが実際にあると分かってちょっと安心しました。😃
昔はイラレのベクターデータはPhotoshopに貼るものでこんなメインで使ったら『素人か』と殴られましたが今はズレたりしないんですか?
Illustratorからブラウザで確認ってどう言う事ですか?
返信が遅くなり申し訳ありません。イラストレーターで制作したデザインを一回書き出してブラウザに反映させて実寸サイズで確認する事です!(JPEG等で書き出してGoogleのタブの箇所に持ってくとブラウザで見れます😊)
@@monstaracademia8691 勉強になりました。ありがとうございました
イラレでリンクとか晴れるのかと思ってました・・・無明
誰かに習うと、結局みんな同じようなデザインになるんですね。
そうですね。😢