【网页设计】第 1 课 - 了解网页设计

        欢迎来到博主 Apeiron 的博客,祝您旅程愉快 ! 时止则止,时行则行。动静不失其时,其道光明。

【网页设计】第 1 课 - 了解网页设计_第1张图片  


目录

1、缘起

2、了解网页设计

2.1、网页设计

2.2、网站结构 

2.3、网站分类

2.4、页面鉴赏

3、总结


1、缘起

        前段时间学习完了前端三剑客(HTML 、CSS、JavaScript),今天(2023-06-11)又跑来学习 UI 设计师层面的网页设计了,哎~~,这一天天的,啥都想学,,,

2、了解网页设计

2.1、网页设计

①  什么是网页设计?

        根据企业希望向浏览者传递的信息(包括 产品服务理念文化),进行网站功能策划,然后进行的页面设计美化工作。 

②  网页设计的目标?

        网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化工作,在功能限定的情况下,尽可能给予 用户完美的视觉体验。高级的网页设计甚至会考虑通过声光、交互等来实现更好的 视听感受。 

③  主要用到什么软件

PS(界面设计)        DW(编写代码)        AI(做图标) 


2.2、网站结构 

2.3、网站分类

常见的六大类网站如下:

【网页设计】第 1 课 - 了解网页设计_第2张图片

①  搜索引擎类 

【网页设计】第 1 课 - 了解网页设计_第3张图片

【网页设计】第 1 课 - 了解网页设计_第4张图片

②  综合门户类 

【网页设计】第 1 课 - 了解网页设计_第5张图片

【网页设计】第 1 课 - 了解网页设计_第6张图片

【网页设计】第 1 课 - 了解网页设计_第7张图片  

③  多媒体互动类 

④  电子商务类 

【网页设计】第 1 课 - 了解网页设计_第8张图片

【网页设计】第 1 课 - 了解网页设计_第9张图片

【网页设计】第 1 课 - 了解网页设计_第10张图片

⑤  推广展示类 

【网页设计】第 1 课 - 了解网页设计_第11张图片

【网页设计】第 1 课 - 了解网页设计_第12张图片

【网页设计】第 1 课 - 了解网页设计_第13张图片

⑥  政府机构类 

【网页设计】第 1 课 - 了解网页设计_第14张图片


2.4、页面鉴赏

页面鉴赏五要素:

        ①  页面布局是否合理 

        ②  色彩搭配是否和谐

        ③  图片选择是否恰当

        ④  细节处理是否到位

        ⑤  信息传达是否准确

【网页设计】第 1 课 - 了解网页设计_第15张图片

【网页设计】第 1 课 - 了解网页设计_第16张图片  

【网页设计】第 1 课 - 了解网页设计_第17张图片  

【网页设计】第 1 课 - 了解网页设计_第18张图片

【网页设计】第 1 课 - 了解网页设计_第19张图片

【网页设计】第 1 课 - 了解网页设计_第20张图片

【网页设计】第 1 课 - 了解网页设计_第21张图片

【网页设计】第 1 课 - 了解网页设计_第22张图片

【网页设计】第 1 课 - 了解网页设计_第23张图片

【网页设计】第 1 课 - 了解网页设计_第24张图片

【网页设计】第 1 课 - 了解网页设计_第25张图片

【网页设计】第 1 课 - 了解网页设计_第26张图片

【网页设计】第 1 课 - 了解网页设计_第27张图片


3、总结

         本期的分享总结就到这里了,如果有疑问的小伙伴儿,我们在评论区交流嗷~~~,笔者必回,我们下期再见啦 !!  !

<网页设计>  专栏系列将持续更新 ,,,,,,

你可能感兴趣的:(网页设计,网页设计)