動画検索
関連広告
検索結果
Comments8 · デモ解説つき！ · HTMLサイトのWordPress化！ · HTMLとCSSでホームページを作る方法を完全解説【Web制作初心者向け】 · 【Webデザイン初心者向け】 ...
YouTube-アキユキ / Web制作チャンネル
2021/06/12... Web制作における実戦形式の提案書とそれに基づいて実際に制作したTOPページデザインを2案、そして一部スマホデザインの解説も制作しています。 今回 ...
YouTube-アキユキ / Web制作チャンネル
2021/01/30... サイト制作. 株式会社Webis | 大阪市南森町のWEB制作・システム会社•25K views · 8:08. Go to channel · 【逆転の発想】「ダサい」デザイン勉強法！
YouTube-HIROCODE.ヒロコード
2021/02/11モンスター・アカデミアの神子校長が自らIllustrator(イラストレーター)を使って、 WEBサイトのデザインをどうやって作っていくのか、ノーカットでお ...
YouTube-Monstar Academia
2021/05/17仕事の依頼・ご質問はこちらから（WEBサイト制作・Wordpress構築・ECサイト構築・小規模システム開発） https://skygold.jp ...
YouTube-KEiSoN / WEBとクリエイティブの研究室
2020/01/25今回は、ウェブデザインの制作の流れを紹介しています。 AdobeXDを使用したデザインの手順や、デザインをする上で、何を考えているかなどを知って ...
YouTube-HIROCODE.ヒロコード
2020/06/27動画の見どころ1/17枚目 WEBデザインはこんな感じで作る
動画の見どころ2/17枚目 AdobeXDを使用してデザインをはじめる
動画の見どころ3/17枚目 デザインのサイズについて
動画の見どころ4/17枚目 トップビュー（メインビジュアル）の作成
動画の見どころ5/17枚目 コンテナ（.container）の横幅
動画の見どころ6/17枚目 ナビゲーションの注意点
動画の見どころ7/17枚目 ロゴについて
動画の見どころ8/17枚目 コーディング（HTML CSS）について
動画の見どころ9/17枚目 アイコン素材（flaticon）
動画の見どころ10/17枚目 アイコンの種類について
動画の見どころ11/17枚目 トップビュー（メインビジュアル）の高さ
動画の見どころ12/17枚目 画面スクロールについて
動画の見どころ13/17枚目 Macbookのモックアップを挿入
動画の見どころ14/17枚目 特徴（feature）のセクション
動画の見どころ15/17枚目 コピーライト（© / copyright）
動画の見どころ16/17枚目 ドロップシャドーで雰囲気を出す
動画の見どころ17/17枚目 光るようなシャドー
今回の動画は、初心者向けに、 Webデザイン制作の際に必要な最低限の基礎知識を初心者の方にも理解できるように、解説をしていきたいと思います。
YouTube-KEiSoN / WEBとクリエイティブの研究室
2021/04/10Webデザインスクール「デジタルハリウッドSTUDIO by LIG」 6ヶ月で未経験からWebデザイナーを目指しませんか？ https://bit.ly/3ukz80H 今回の動画 ...
YouTube-Webデザインch by デジLIG
2021/04/16現役WebデザイナーがAdobeXDでWebデザインをする過程を公開します。 単純に作業動画ではなく、Webデザインをする過程でAdobeXDの使い方のポイントも ...
YouTube-アキユキ / Web制作チャンネル
2021/02/04完全未経験からノーコードツールで【Webデザインの基礎】を学べる講座をリリースしました！プロのWebデザイナーのスキルをSTUDIOを使って爆速で習得 ...
YouTube-SaaSpark CHANNEL
2023/06/26WEBページのレイアウトを学ぼう
1-2-2. 直感的にボックスをドラッグ&ドロップで並べる
1-2-6. ボックスの並べる数を変更してみる
1-3-2. ボックの中にボックスを分割(追加)する
1-4-1. ボックスを6：4の比率で並べる
応用編：逆向き矢印の使い方を学ぼう
1-6-1. パソコンで表示するレイアウトを作る
1-6-5. 絶対配置で自由にレイアウトする
2-1-3.使用するフォントの種類を決める
2-1-7.グローバルナビゲーションを作成する
2-1-11.テキストにリンクを設定する
STUDIOで行うサイトの基本設定
3-1-2.6つの作業工程を理解しよう
3-2-1.ヘッダーにロゴを追加する
3-2-5.記事タイトルと日付を作る
3-2-9.細かいレイアウト(余白)を調整する
3-2-13.フッターにコピーライトを作る
3-3-3.インナーボックスの上下に余白を設定
3-4-1.現時点でのレスポンシブ状況を確認
3-4-5.スマホ(モバイル)のレスポンシブ対応
3-5-1.SNSボタンを作成しよう
3-5-5.関連記事をレスポンシブ設定する
ブログサイトのトップページを作成しよう
4-1-4.メイン記事部分のデザインを整える②
4-1-9.全体を確認して微調整し仕上げる
... サイトの実装については、別途「ゼロからはじめるWordPress ... 【AdobeXD】WebデザイナーがWebデザインの制作過程をフル公開. アキユキ ...
YouTube-ラボ活!チャンネル
2023/05/18動画をご覧いただきありがとうございます。 本日はChatGPT・Midjourney・Canvaでを使ってWebサイトデザイン制作する方法をご紹介していきます。
YouTube-mikimiki web スクール
2023/03/11Webデザイナーが実際のWeb制作案件でどんな提案書を作成するのか、そしてどういう考え方でWebデザインを制作するのか、徹底的に解説をしました。
YouTube-アキユキ / Web制作チャンネル
2020/11/06【センスがない人必見】Webデザインノウハウの具体的な解説. 17K views · 4 years ago #作り方 #ホームページ #アキユキ ...more. アキユキ / Web制作 ...
YouTube-アキユキ / Web制作チャンネル
2019/12/01仕事の依頼・ご質問はこちらから（WEBサイト制作・Wordpress構築・ECサイト構築・小規模システム開発・各種デザイン） https://skygold.co.jp 今回 ...
YouTube-KEiSoN / WEBとクリエイティブの研究室
2022/10/11動画をご覧いただきありがとうございます。 本日はWebデザイナー直伝のホームページデザイン・参考にしたいギャラリーサイト5選をご紹介していきます ...
YouTube-mikimiki web スクール
2022/07/06Web制作とWebデザインのどっちが私にオススメですか？」と聞かれることが多いのですが、どう答えるかは永遠の課題です。そんなお悩みにデイトラ ...
YouTube-デイトラ
2023/09/10【Webデザイン】バナー制作のコツ大公開！色のバランスとデザイン技法をプロが解説. はまさんのいきなりWebデザイナーチャンネル•607 views · 16:00.
YouTube-Uチャンネル (STAND-4U)
2022/09/16動画の見どころ1/16枚目 今回の動画の説明
動画の見どころ2/16枚目 Photoshopの画面構成
動画の見どころ3/16枚目 Photoshop基本操作 ①シェイプデータの扱い方
動画の見どころ4/16枚目 Photoshop基本操作 ②ピクセルデータの扱い方
動画の見どころ5/16枚目 Photoshop基本操作 ③テキストデータの扱い方
動画の見どころ6/16枚目 Photoshop基本操作 ④スマートオブジェクトの扱い方
動画の見どころ7/16枚目 Photoshop基本操作 ⑤パスデータの扱い方
動画の見どころ8/16枚目 マスクをする方法【レイヤーマスク】
動画の見どころ9/16枚目 マスクをする方法【クリピングマスク】
動画の見どころ10/16枚目 マスクをする方法【ベクトルマスク】
動画の見どころ11/16枚目 PhotoshopでWEBデザイン【テキスト・シェイプ】
動画の見どころ12/16枚目 PhotoshopでWEBデザイン【商品画像】
動画の見どころ13/16枚目 PhotoshopでWEBデザイン【鏡面反射】
動画の見どころ14/16枚目 PhotoshopでWEBデザイン【人物写真】
動画の見どころ15/16枚目 PhotoshopでWEBデザイン【色調整】
動画の見どころ16/16枚目 Photoshopで【WEBデザインの基本操作】まとめ
Webデザイナーとして様々なデザインレパートリーを持っておくことは、提案力アップにもスピードアップにも繋がります。 この動画ではWebサイトの ...
YouTube-アキユキ / Web制作チャンネル
2021/05/11提案用に作った初稿デザインですが、考え方やデザインの方法について参考にしていただけると思います(´ε｀ ) ＝＝＝ 動画学習サービス「unazuki」 Web制作 ...
YouTube-アキユキ / Web制作チャンネル
2020/02/13