ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

【入門講座】Webデザインの作り方 part.1【0から作るWebデザイン入門】

Автор: HIROCODE.ヒロコード

Загружено: 2021-02-11

Просмотров: 93711

Описание: 📕 Webデザイン本、出版します! 📕
『ゼロからはじめてプロになる HTML/CSS & 伝わるWebデザイン』KADOKAWA
2025年1月20日発売✨
【限定特典付き】Amazonでの予約購入はこちらから!(~2025/2/28(金)まで)
https://amzn.to/3CXUVVd (プロフィールページにもリンク貼ってます→@hirocode)
------------------------------------------------------------------------------------------

今回は、0からWEBデザインを作っていく流れを説明します😊♪
手順を追いながら細かく説明していこうと思うので、いくつかの動画に分けて説明して行きます❗️

---- この動画の構成 ----
0:00 オープニング
0:50 ワイヤーフレームを作る(ページ構成を考える)
2:10 2種類のワイヤーフレーム
4:37 ワイヤー作成作業開始
6:39 XDでワイヤーを元に構成を組んでいく
9:07 ロゴについて

【次の動画】   • 【入門講座】Webデザインの作り方 part.2【ゼロから作るWebデザイン入門】  


質問事項などございましたら、コメント欄でお待ちしています😆❗️

✅ご視聴いただきありがとうございます🙇‍♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️

◆ チャンネル登録
http://www.youtube.com/hirocode?sub_c...

◆ Twitter. ツイッター
  / hirocodeweb  

◆ Instagram. インスタグラム
  / hirocodeweb  

◆ ROOM. 楽天ルーム
https://room.rakuten.co.jp/hirocode/


🔋 僕が使っている、おすすめのデバイス 🔋(アフィリエイト広告を使ってます!)
---- マウス ----
【 ロジクール アドバンスド ワイヤレスマウス MX Master 3 】
https://amzn.to/34Zn5LH
" ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "

---- キーボード ----
【 ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS 】
https://amzn.to/38S1B4i
" 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "

---- パソコン ----
【 Apple Macbook Pro 16inch 】
https://amzn.to/2WXKtEN
" 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 "

---- 周辺機器 ----
【 Apple AirPods Pro 】
https://amzn.to/3rAyU4u
" カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。

【 Apple iPad Pro 11インチ 】
https://amzn.to/3mZuvoo
" macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "


📕 おすすめ書籍 📕
---- デザイン 基礎編 ----
【 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 】
https://amzn.to/3o8vofO
" webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "

【 なるほどデザイン 】
https://amzn.to/2X48Z77
" デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "

---- デザイン 思考編 ----
【 誰のためのデザイン? 】
https://amzn.to/3o4gzun
" デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "

【 IAシンキング Web制作者・担当者のためのIA思考術 】
https://amzn.to/2KETvEn
" デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "

---- 書籍デバイス ----
【 キンドルペーパーホワイト Kindle Paperwhite 】
https://amzn.to/3n2AwRh
" 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。


🎧 BGM 🎧
----------------------------------------------------------
Music Title: Happy And Joyful Children
Music Link:    • Happy Children Background Music / Joyful U...  
----------------------------------------------------------

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
【入門講座】Webデザインの作り方 part.1【0から作るWebデザイン入門】

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

【入門講座】Webデザインの作り方 part.2【ゼロから作るWebデザイン入門】

【入門講座】Webデザインの作り方 part.2【ゼロから作るWebデザイン入門】

【Figma実践】WEBデザインで、ポートフォリオサイトを作る!ノーカット制作の流れ。#figma #フィグマ

【Figma実践】WEBデザインで、ポートフォリオサイトを作る!ノーカット制作の流れ。#figma #フィグマ

#1 ネットに依存しない独立したAIシステム  ・・記憶と記録

#1 ネットに依存しない独立したAIシステム  ・・記憶と記録

Photoshopで「WEBデザインの作り方」基本操作をこの動画1本で完全攻略!

Photoshopで「WEBデザインの作り方」基本操作をこの動画1本で完全攻略!

【保存版】Webデザイン独学勉強法を徹底解説

【保存版】Webデザイン独学勉強法を徹底解説

#3【2025最新】初心者向け講座ワイヤーフレームの作り方(前半)「WEBデザインツール」

#3【2025最新】初心者向け講座ワイヤーフレームの作り方(前半)「WEBデザインツール」

Figmaワイヤーフレームの作り方【初心者向け】

Figmaワイヤーフレームの作り方【初心者向け】

世界一わかりやすいHTML講座! #初心者向け #HTML入門 #プログラミング

世界一わかりやすいHTML講座! #初心者向け #HTML入門 #プログラミング

【Figmaで完結】単価30万円を叶えたHP制作〜公開までの全手順をすべて見せます👩‍💻【Webデザイン】

【Figmaで完結】単価30万円を叶えたHP制作〜公開までの全手順をすべて見せます👩‍💻【Webデザイン】

【2024最新】30分マスター講座 Figmaの基本と便利な使い方! | WEBデザインツール

【2024最新】30分マスター講座 Figmaの基本と便利な使い方! | WEBデザインツール

【Webデザイン初心者向け】デザインカンプからどうやってコーディングするの?実際の作業の流れを徹底解説!

【Webデザイン初心者向け】デザインカンプからどうやってコーディングするの?実際の作業の流れを徹底解説!

【30分 完全理解】Figmaオートレイアウトの使い方【サルでもわかる入門編】

【30分 完全理解】Figmaオートレイアウトの使い方【サルでもわかる入門編】

【20分マスター講座】Figmaオートレイアウト機能!

【20分マスター講座】Figmaオートレイアウト機能!

はじめに教わるデザインの基本。気をつけるべき28のポイント

はじめに教わるデザインの基本。気をつけるべき28のポイント

【実践】HTML・CSSでホームページを作りながら解説します【コーディングLIVE】

【実践】HTML・CSSでホームページを作りながら解説します【コーディングLIVE】

【Figma初心者向け】LP模写のやり方を完全解説|Webデザインを丸ごとトレース

【Figma初心者向け】LP模写のやり方を完全解説|Webデザインを丸ごとトレース

【保存版!】私のWebサイトの作り方、公開します!iPadのCanva × AdobeXD

【保存版!】私のWebサイトの作り方、公開します!iPadのCanva × AdobeXD

WebデザイナーのためのXDの使い方【基礎編】

WebデザイナーのためのXDの使い方【基礎編】

【Figma完全マスター】オートレイアウトの使い方|30分で分かる初心者向け実践講座

【Figma完全マスター】オートレイアウトの使い方|30分で分かる初心者向け実践講座

【スキルアップ】Figmaを極めろ!実践的なFigmaの使い方

【スキルアップ】Figmaを極めろ!実践的なFigmaの使い方

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]