|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/web-designers-guide/
课程评论：没有评论
本课程是面向Web设计初学者的入门教程，旨在提供广泛的基础知识。课程内容涵盖： **核心技能：** * **Photoshop:** 学习包括图像尺寸调整、网格设置、标尺设置、标尺指南设置以及照片编辑（如面部调整）在内的基本操作和图像调色技术（如色阶、曲线、色相/饱和度）。 * **Adobe XD:** 学习软件的安装、工作空间、基本工具操作，并通过实例教程（包含形状创建、文本输入、图像添加、画板整理、背景和页脚设置等）进行网页摹仿（Trace）练习。课程还提供了XD安装问题的解决方案。 * **HTML & CSS:** 学习网页创建的基础知识，包括常用元素、CSS指定方法、margin和padding的理解与应用。 * **响应式网页设计:** 掌握其基础概念（概论）、智能手机普及的影响、CSS基础、媒体查询（前后端）以及图片尺寸的响应式调整。 **环境搭建与配置：** * 安装和设置Google Chrome浏览器。 * 安装和设置Brackets编辑器（包括画面构成、主题添加/删除、扩展功能）。 * 购买和安装Photoshop。 * 安装Adobe XD。 * 安装FileZilla。 * （特别讲座）Creative Cloud桌面应用程序安装、域名获取、服务器申请与设置、WordPress安装与初始设置。 **职业认知与发展：** * WEB设计师的工作内容、必备知识和技能。 * 新人WEB设计师的工作职责。 * WEB设计行业术语。 * 关于WEB设计师工作是否会被AI取代的讨论（包含最新测试结果）。 * 如何准备作品集以及就业/转行建议。 * 是否需要报读培训学校，以及推荐的课程选择。 * 独学是否可行。 **其他内容：** * 课程理解度测试。 * 讲座采用专业旁白。 * Udemy系统自动生成的字幕提示（可能存在不准确之处）。 * 课程对免费试看视频和退款政策的说明。 本课程旨在为有志于成为Web设计师的初学者和行业新人提供一个全面的入门学习平台。
▼ご注意くださいstoreGが公開している講座は、講師によるナレーションではなく、全てプロのナレーターによるナレーションを採用しています。そのため、ナレーションにこだわりがある方は、ひとまず無料視聴動画をご確認いただき、受講をご検討いただければ幸いです。新着情報[NEW] 【確認テスト】コースの理解度をチェックしよう を追加しました。※全部で15問です。全問正解を目指してがんばってください！特典レクチャーの「WEBデザイナーの仕事は将来、AIに奪われるのか？」で9.最新のテスト結果 (GPT-4V) 2023/10/10 を追加しました。※ChatGPTのコーディングレベルがかなりアップしています！【追加】WEBデザイナーの仕事は将来、AIに奪われるのか？【7】【8】※2023年7月上旬版無料レンタルサーバ「XFREE」が新サービス『シン・クラウド for Free』へと変更されました。テキストレクチャー「お知らせ」にてご案内を追加しました。特典動画を追加しました！※シリーズWEBデザイン講座共通の特典動画となります。WEBデザイナーの仕事は将来、AIに奪われるのか？について、気になっている方も多いのではないかと思います。そのような疑問に対する答えとなるような動画を作成しましたので、是非、ご視聴ください！[new] AdobeXDのスタータープラン(無料版)の提供が終了についてのお知らせを追加しました。Photoshopチュートリアルに「顔を加工する」を追加しました。1.顔の形状編 2.目編 3.鼻編 4.口編【ちょこっとアドバイス】ディスプレイの画面比率(アスペクト比) のテキストレクチャーを追加しました。 FileZillaの設定方法に変更がありましたので、動画レクチャーの前に【最新情報】FileZillaの設定というテキストレクチャーで変更内容をご案内しましたので、ご確認のほどよろしくお願いします。Udemyのシステムにより自動で生成された字幕が表示されるようになりました。※字幕内容は自動生成のため、正しい日本語に置き換わっていない部分があります。予めご了承ください。以下の動画内容をアップデートしました。GoogleChromeのインストールと起動Bracketsのインストールと起動Bracketsの画面構成とテーマテーマの追加・変更・削除拡張機能の追加エディタソフトの Brackets が復活！※詳細については、 【追加】エディタの基本 のレクチャーをご確認ください。本講座のサポートについてのレクチャーを追加しました。Adobe XDのインストールのレクチャーを更新しました。特典セクションに以下のレクチャーを追加しました。Visual Studio Code のインストールテーマの変更ファイルの保存と設定リアルタイムプレビューサムネイル画像や、コースタイトルやサブタイトルを変更しました。【旧タイトルとサブタイトル】WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象：WEB制作について基礎から学びたい方・業界未経験者ウェブデザイナーに必要な知識や技術(スキルレベル)とは？新人WEBデザイナーの仕事とは？ Photoshop,Adobe XD,HTML,CSS,WordPress,ライティング,レスポンシブWEBデザイン等を入門レベルで幅広く学習します。動画アップデートのお知らせ3.トレースの準備④ ※プラグインのインストール※XDのプラグインダウンロードの画面が変更されていたこともあり、上記の動画レクチャーを撮り直しました。 Bracketsがインストールできなくなったため、かわりのエディタについての説明を追加しました。詳細は、カリキュラムの「【追加】エディタの基本」をご確認ください。AdobeXDチュートリアルアップデートに関するお知らせ※公式サイトより「公式チュートリアルファイル」がダウンロードできなくなったため、本講座用のオリジナル教材を作成し、動画レクチャーを公開しました。追加したレクチャーは以下になります。AdobeXDの起動とワークスペースの説明ツールの基本操作ワークスペースと機能名チュートリアル1チュートリアル2チュートリアル3チュートリアル4チュートリアル5新規レクチャーを追加しました！AdobeXDのインストールができない場合の対策方法受講生からXDがインストールできないとのご相談がありましたので、調べた内容をテキストレクチャーとしてまとめました。新規レクチャーを追加しました！HTML＆CSS入門WEBページの作成 4.よく使う要素とCSS【1】WEBページの作成 5.よく使う要素とCSS【2】WEBページの作成 6.marginとpaddingWEBページの作成 7.marginとpaddingの指定方法WEBページの作成 8.よく使う要素とCSS【3】WEBページの作成 9.よく使う要素とCSS【4】新規セクションを追加しました！デザインの基礎デザインとはWEBデザインファーストビュー構図デザインの「4つの基本原則」新規レクチャーを追加しました！Adobe XD入門【WEBページのトレース(模写)】Adobe XD入門【WEBページのトレース(模写)】で学ぶことトレース①※シェイプの作成とマスクトレース② ※テキストの入力トレース③ ※画像の追加トレース④ ※アートボードの整理トレース⑤ ※背景とフッタートレース⑥ ※仕上げと完成新規レクチャーを追加しました！(業界)用語について新規レクチャーを追加しました！Udemyの動画視聴画面の説明新規セクションを追加しました！Adobe XD入門【WEBページのトレース(模写)】トレースの準備① ※トレースするWEBページを選ぶトレースの準備② ※画像を保存するトレースの準備③ ※スクリーンショットを撮るトレースの準備④ ※プラグインのインストールトレースの準備⑤ ※フォントのダウンロードトレースの準備⑥ ※アートボード・アセット教材のダウンロード今後のアップデートについて新規レクチャーを追加しました！Photoshop入門【チュートリアル】色調補正の基本1【レベル補正】色調補正の基本2【トーンカーブ】色調補正の基本3【色相・彩度】新規レクチャーを追加しました！Photoshop入門【環境構築・基本操作編】グリッドの設定定規の設定ガイドの設定画像のサイズを変更する「画像のリサイズ」新規レクチャーを追加しました！レスポンシブWEBデザイン入門【基礎(概論)編】スマートフォンの普及レスポンシブWEBデザインとは【復習】CSSの基本メディアクエリ【前編】メディアクエリ【後編】メディアクエリ【画像サイズの指定】今後のアップデートについて本講座では主に、WEBデザイナーの仕事やその概要や、WEBデザイナーに必要なスキルである Photoshop,Adobe XD,HTML,CSS,WordPress,ライティング,レスポンシブWEBデザイン等を入門レベルで幅広く学習します。※ご購入から30日以内であれば、「期待通りではなかった」、「思っていたようなコースではなかった」など、理由を問わず返金可能となっていますので、Udemyのサポートまでご連絡いただくか、受講画面にある返金リクエストにて申請をお願いします。ただし、受講率が高いなど、一部の場合においてUdemyより返金されないこともあるそうですので、ご受講前に無料サンプル動画にてご判断をいただくことをお勧め致します。WEBデザイナーになるのが夢！WEBデザイナーを目指す最初の一歩として、知っておくべき知識を身につけておこう。WEBデザイナーとは、実際のところどんな仕事をする職業なの？ハードな職場環境だったり、残業続きで大変だと聞くけれど、それって本当？どのような知識や技術を身につければ、WEBデザイナーとして通用できる？独学や未経験でもWEBデザイナーになれる？WEB制作に必要な環境は？などについて、詳しくレクチャーします。環境構築・設定編自宅でもスクールと同じような環境を構築するために、ソフトのインストール方法などについて学習します。【ブラウザ】GoogleChromeのインストールと設定【エディタ】Bracketsのインストールと設定【画像編集ソフト】Photoshopの購入とインストール【プロトタイピングツール】Adobe XDのインストール【FTP】FileZillaのインストール【特典】Creative Cloud デスクトップアプリケーションのインストールドメインの取得レンタルサーバの申し込みと設定 ※各有料・無料レンタルサーバーWordPressのインストールと初期設定WEBデザイナーに関するQ & Aほかにも以下のような、よくある疑問・質問に答えます！WEBデザイナーになる為の必須スキルは何ですか？どのようなパソコンを買えばいいのかわかりません。WindowsとMacでは、どちらの方がお勧めでしょうか？WEBデザイナーの仕事は多岐にわたるようですが、全部できないとダメですか？おすすめの勉強法はありますか？どのくらいのスキル(技術)があれば、WEB制作会社で働く事ができますか？どのくらいのスキル(技術)レベルになれば、フリーランスとして独立できますか？WEBデザイナーに必要なのはズバリ、デザインセンスですか？未経験からでもWEBデザイナーとして転職※できますか？※30歳前後の方からの質問 HTMLやCSSなどは学習中ですが、WEBデザインのポートフォリオがありません。ポートフォリオがなければ就職活動はできませんか？未経験からWEBデザイナーになるために、スクールへ通う計画を立てています。どのようなスクールがおすすめですか？独学でもWEBデザインスキルは身に付きますか？ナレーション・BGMほかナレーション 竹中 さやかBGM YOU (storeG)イラストなどdesigned by freepik.comdooderpikisuperstarquinkyslidesgoMacrovectorImage by rawpixel.comいらすとやイラストAC
