如何零基础开始学习网页设计？
时间：2024-02-16 20:30:01 | 来源：网站运营
时间：2024-02-16 20:30:01 来源：网站运营
如何零基础开始学习网页设计？：经过一段时间艰苦的准备和录制，终于把前阵子公告讲的免费网页课程完全录完了。
整套课程最终包含13节课，8个不同类型的网页设计案例，全方面了解网页设计中的不同方向和目标，以及栅格系统在网页设计中的正确应用方式。
基于 Sketch 和 Figma 的安装不稳定性，整套课程均使用
即时设计演示（零基础可以无成本直接在网页中启用）。
下面，我们做一下课程的导览：
帮助大家正确认识网页设计是什么，网页常见的类型有哪些，如何学习。
解释响应式与栅格的基本原理，纠正新手的错误认识。以及如何应用它们完成项目网页画布的创建，以及实际设计中的应用方式。
讲解网页设计中必须掌握的规范内容，包含字体、色彩、图标等细节的使用规则，为后续具体设计实践做好准备。
通过创建对应画布和栅格系统，来完成一个简单的幻灯片式网页设计。这是所有网页中最简单也最方便练习的类型，可以很好的锻炼新手的排版布局和对配图的使用意识。
在上一节课的基础上进阶，完成一个更复杂，排版更多样化的案例，来引入进一步探索此类页面设计的方式，同时为后续的动效设计做准备。
通过即时设计的 “关键帧动画” 效果来制作网页动效，快速掌握网页交互动效的制作思路和方法。
讲解当前主流的多屏展示类页面设计的思路，如何在前期运用栅格系统和原型来构建页面框架。
在原型基础上完成页面的视觉设计，并进行简单的包装和输出。
通过一个实例来解释响应式网页设计的思路，以及如何创建真实项目中需要的界面，理解响应式的适配逻辑。
解释外贸电商和国内电商的差异，以及设计外贸电商网站的注意事项，如何输出完整的项目内容。
通过线上品牌官网案例，分享主流的官网设计注意事项和难点，如何在项目开始前通过合理的分析找出问题，提升网站整体质量。
在原型基础上完成严肃的官方网站视觉界面要点分享，输出远超市面平均水平的官网设计成果。
讲解国内网页设计中无法回避的电商详情页面设计思路，通过最简单的前期规划和布局，快速输出符合主流审美需求的页面。
如果有一定基础使用自己熟悉的软件进行练习临摹也可以，下面是这套课程的学习建议：
- 安装和掌握 即时设计 / Figma 其中一个的基本操作方法
- 强烈建议也提前先看完我们录过的 HTML/CSS 入门课程
- 看完课程的前 3 课，对网页设计有一个基本的认识和概念
- 在花瓣创建课程中提到的网站类型画板，并对应收集一些案例加深认识
- 接着看第 4-9 课，每节课看完根据课程的演示和素材完成临摹
- 最后看 10-13 课，尝试自己去找到线上的案例进行改版练习
只要跟着建议的步骤展开，很快就可以入门网页设计的技能。
那么未来我们会优化和丰富最后几课的案例与知识点，以及添加新的网站类型和风格教学。
在线咨询
