网页设计与UI设计有诸多类似之处，你需要知道的4件事

网页设计和UI设计有很多相似之处，但也有不同的尺寸规格，但本质上都属于“视觉设计+交互设计”的范畴。 WEB前端是打码的工作，承担视觉设计下游和后端制作的上游。以下是一两个最具针对性的网站和教程：

1.网页设计：网页设计自学视频教程，

2.UI设计：ui设计视频教程，学习UI网-UI设计师学习教程平台

3.WEB前端：html+css web前端课程，前端开发_MU类网络课程

一、在自学网页设计之前，您需要了解 4 件事。

要自学网页设计，首先要了解网站的制作流程。了解了大局之后，就可以知道接下来要学什么了。然后做有针对性的学习和培训，才能设计出更高效的介绍性网页。当然，条条大路通罗马，方法也不是独一无二的。以下是我的学习和工作经验总结，希望对初学者有所帮助！

▽传奇：优秀的网页设计作品。类型：企业站。

1、网页设计制作流程

一般情况下，任何网站的建立都会经过“分析策划-交互设计-视觉设计-前端制作-后端制作-测试上线”6个环节。我们通常所说的【网页设计】和“网页制作”分别对应了6个环节中的【视觉设计】和“前端制作”。在实际工作中，他们由“网页设计师”和“网页设计师”组成。前端工程师”来完成实施。

很多刚接触网页设计的朋友，对于两者的关系，往往比较傻，不清楚，对自己的专业定位也没有清晰的认识。这导致后来设计专业的学生走上了“前端工程师”的位置，学前端的孩子们开始补“设计知识”。这是需要偏离的节奏。

▽传奇：优秀的网页/平面视觉设计作品。来源：

在这个分工协作越来越清晰的时代，只有专攻自己的领域才能脱颖而出，学以致用只会变得平庸！要想成为通才，首先要掌握一个核心技能！

2、网页设计基于视觉设计。

自学网页设计的核心任务是学习与“视觉设计”相关的知识点。如何更高效地传达版面信息？如何规划页面路径？什么样的排版，或创造性的表达形式？使用什么颜色和字体大小？这是新手在学习网页设计时应该画的重点。

▽传奇：优秀的网页/平面视觉设计作品。来源：

网页旨在供他人使用和查看。好看（简洁）好用（高效）是设计师需要反复考虑的。视觉+交互是网页设计师的核心竞争力。

“视觉设计”的基础来自于之前的规划和交互设计。最终发布的“视觉设计稿”必须符合品牌定位，满足生产经营和用户的需求。这是网页设计师的基本技能！

3、网页制作基于前端代码。

网页的制作过程在设计之后。这部分工作通常由WEB前端工程师完成。工程师通常使用 HTML、CSS 等前端代码来还原网页设计师的“视觉设计稿”，以及交互动画。

“前端工程师”除了与网页设计师合作外，还必须与后端工程师合作，收集和处理网页端的数据。如果您想成为一名优秀的网页设计师网页设计学习网站，请牢记您的工作职责和学习重点。在认识“视觉设计”之前，小心越位进入Web前端开发的坑。

▽传奇：优秀的电商网页设计作品，视觉合成。作者：尚云

另一个例子是优化网站所需的 SEO、Ajax 和其他技术。虽然不需要去实践，但是能听懂一两个就很好了。在设计时，您也可以充分利用这些规则和技巧来规划您的布局，使其更加专业和友好。

4、那么问题来了，新手应该学什么网页设计？

(1)。首先要精通设计软件，玩得开心。这是网页设计的主要工具！

(2).深入学习排版设计、色彩构图，掌握视觉基本规则（构图、透视、光影）

(3)。掌握网页设计规范，了解常用网页布局形式，学习交互设计基础知识。

(4).了解前端代码HTML、CSS、JS的应用，学习一个代码编辑软件(如:)

(5)。了解你设计网站的公司和产品，熟悉公司和它面对的人！

（6).拓展学习网站优化、开发、后台数据处理常识（加分！）

前四个是基础技能网页设计学习网站，后一个是奖励物品。你越重要！

二、通过视频教程和书籍系统地学习网页设计。

1.推荐的网页设计书籍

(1).网页设计实践畅销书：《界面设计模式（第二版）》

(2).设计入门启蒙书：《人人设计书（第4版）》

(3).配色练习册：《互联网产品（Web/ Web/APP）视觉设计·配色篇》

(4).网页交互设计经典之作：《简单第一：交互设计的四种策略》

(5).如何制作响应式网页：《响应式网页设计实践》

2.网页设计视频教程

学习路线参考：//7.html

(1).[] 视觉设计基础理论：学习草图的三大组成部分和基础知识。

(2).【基础】网页设计必备软件：学习视频教程，视频教程。

(3).[核心]网页设计专长：学习网页设计设计概况、制作流程、视觉元素、色彩搭配、网页版面排版、剪图、交互知识等

(4).[核心]网页设计视觉提升：学习网页设计思路，从文案创意到视觉呈现的全过程，提升图片光影细节的技巧。

(5).[展开]更好的团队合作：学习HTML+CSS web前端课程。

视频教程和书籍在涉及的知识点上有一点重叠。打开这本书很有用。我希望你能学到一些东西！真诚推荐，希望对初学者有所启发！

（完）

未经许可禁止转载，侵权必究！

文章来源:https://www.zhihu.com/question/31380464

感谢您的来访，获取更多精彩文章请收藏本站。