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

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

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

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

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

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

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

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

图片[1]-网页设计与UI设计有诸多类似之处,你需要知道的4件事-4747i站长资讯

1、网页设计制作流程

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

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

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

图片[2]-网页设计与UI设计有诸多类似之处,你需要知道的4件事-4747i站长资讯

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

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

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

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

图片[3]-网页设计与UI设计有诸多类似之处,你需要知道的4件事-4747i站长资讯

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

图片[4]-网页设计与UI设计有诸多类似之处,你需要知道的4件事-4747i站长资讯

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

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

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

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

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

图片[5]-网页设计与UI设计有诸多类似之处,你需要知道的4件事-4747i站长资讯

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

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

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

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

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

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

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

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

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

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

图片[6]-网页设计与UI设计有诸多类似之处,你需要知道的4件事-4747i站长资讯

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

------本页内容已结束,喜欢请分享------

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

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容