|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/web-designer/
课程评论：没有评论
这门课程面向希望从零开始成为网页设计师的初学者。它旨在提供一个全面的学习体验，涵盖从项目构思到网站发布的整个流程，帮助学习者了解网页制作的全貌。 课程将深入讲解设计部分，重点使用目前在网页设计领域广泛应用的 Sketch 应用程序。不仅会教授工具的使用方法，还会深入探讨设计理念和设计模式，帮助学习者加深对设计的理解。 除了实际操作技能，课程还强调“策划能力”的重要性，这是在开始制作之前必不可少的。通过学习如何为项目设定目标、高效地推进工作以及估算成本等比工具本身更重要的技能，学员将能够成为一名真正有价值的网页设计师。 在“策划”环节，课程将重点讲解成为一名网页设计师所需的咨询能力，包括如何站在客户的立场思考，如何设定项目目标，以及沟通协调的关键点。 在“Sketch”部分，课程将介绍这款比 Adobe Photoshop 更轻便、价格更低廉且功能专为网页设计优化的应用程序。尽管 Sketch 是付费软件，但提供30天的免费试用期，允许学习者在不花钱的情况下进行学习。 为了帮助掌握 Sketch，课程将包含“临摹”练习，即模仿现有网站的布局和设计。这种方式被认为是学习工具使用和培养设计感最有效的方法。学员将学习如何使用 Sketch 重现 Udemy 的网站。 关于“设计”，课程强调设计并非仅凭“感觉”，而是要在设定的限制条件下，在美观与功能之间找到平衡点，并理解其中的原因。课程将解释简化的设计模式，并展示现有案例，让学习者明白“无需从零开始构思设计”。 在“编码（标记）”部分，学员将学习 HTML 和 CSS 的基础知识，掌握制作网站所需的代码编写方法。通过 HTML 构建结构，再用 CSS 添加样式，学员将理解 HTML & CSS 的简单原理。 鉴于目前许多访问来自智能手机等移动设备，课程还将教授“移动端适配”技术。学习者将掌握响应式布局，了解如何使为桌面端设计的网站在移动设备上也能良好显示。 在“实践”环节，课程将提供虚构的客户需求和用户画像，模拟真实的网页制作流程。学习者将依次进行网站策划、线框图绘制、设计和编码（包括移动端适配），制作一个简单的单页网站。该实践项目将包含嵌入 Google Maps、链接到 Instagram 以及在真实移动设备上进行测试等多项内容，学习者可以利用所学技术制作各种网站。 作为“彩蛋”，课程还将介绍如何将制作好的网站上传到服务器，并实现在自己手机上查看的效果。
初学者を対象にしたWebデザイナーになるため講座です。Webデザイナーになるための取っ掛かりが欲しい、Web制作の全体像を学習したいといった方に向けて、企画からWebサイトの公開まで一気通貫して学べる講座を作成しました。デザインセクションでは、Webデザイン制作の現場で実際に使用される Sketch というアプリケーションを使用します。ツールの使い方はもちろんですが、デザインの考え方やデザインパターンなども解説していきますので、デザインに対するより深い理解が得られます。またこの講座では、実際に手を動かす作業的な内容だけでなく、制作を始める前に必要な「企画力」を大事にしています。最終的なゴールを見据えて仕事を始める大切さ、効率的な進め方、見積もりの作り方など、ツールよりも大事なことについて学ぶことによって、本当に必要とされるウェブデザイナーになりましょう！企画Webデザイナーに必要なのは、ツールの習得だけではありません。本当に必要とされているのは、クライアントの立場になって考えられるコンサルティング能力です。プロジェクトに必要な「ゴール設定」をどう作っていくのか、ヒアリングのポイントを解説します。Sketchこの講座では、最近のWeb制作現場で大きなシェアを獲得した Sketch というアプリケーションを使用します。従来は Adobe Photoshop が業界の主流アプリケーションでしたが、軽量で安価、そしてWebに特化した機能を持つ Sketch に人気が集まっています。Sketch は有料のアプリケーションですが、30日間の無料トライアルがありますので、お金をかけずにレッスンが進められます。トレースSketch をマスターするために、既存ウェブサイトのトレース（写し）を講座に組み込みました。トレースはツールの習得とデザインの感覚を覚えるのに最適な方法です。Udemy のウェブサイトを Sketch で再現する方法を学びます。デザインデザインの能力はセンスではありません。与えられた制限の中で、美しさと機能を両立させる工夫であり、そこには理由があります。単純化されたデザインパターンを解説し、各種パターンが使われている既存事例を紹介していきます。「ゼロからデザインを考える必要はない」ということを学びましょう。コーディング（マークアップ）HTMLとCSSの基礎を学習して、Webサイト制作に必要なコードの書き方を学びましょう。HTMLで構造を作り、CSSで装飾を加えていきます。最初は難しく見えるかもしれませんが、HTML & CSSはとても単純な仕組みであることが理解できると思います。モバイル対応最近では、アクセスの大半がスマートフォン等のモバイル端末からということも珍しくありません。その意味で、スマートフォンに最適化されたWebサイト表示は必須と言って良いと思います。この講座では、レスポンシブレイアウトという手法を使って、デスクトップ用に作られたWebサイトをモバイルでも適切に表示させる方法を学びます。実践実際にWebサイト制作の現場を体験するために、架空のヒアリングメモとペルソナを用意しました。この資料をもとに、以下の順で実際にWebサイトを制作します。ウェブサイトの企画ワイヤーフレームデザインコーディングモバイル最適化1ページのみのシンプルなウェブサイトですが、Google Maps の埋め込みや、Instagram へのリンク、実際のモバイル端末でのテスト等、学習する内容は多岐に渡ります。ここで学んだ技術を応用することで、様々なウェブサイトの制作が可能になります。サーバーにアップロード（おまけ）実際にインターネットに公開して、自分のスマートフォンで確認する方法を紹介します。Course images: Design vector created by Freepik
