网页设计中要遵循哪些原则
1、手：设计时考虑滚动距离和滚动频率，确保用户能够轻松操作。眼睛：提供护眼模式，选用易读、清晰的字体，保护用户视力。耳朵：默认情况下不要主动播放音乐，为用户提供播放开关，避免干扰。保持一致，考虑标准 设计时明确网站的约定，并谨慎打破常规。使用样式指南来约束设计决策，确保设计风格保持一致。
2、UI设计的五个基本原则：清晰的传达 核心意义：确保用户能够准确理解界面设计所传达的信息，避免模棱两可的设计导致用户困惑。具体表现：例如，返回按钮的设计应直观易懂，避免使用可能引起误解的图标或布局。在设计中，需要全面思考，确保设计意图能够清晰无误地传达给用户。
3、在基本网页设计中，尺寸选择应遵循以下原则：PC端网页安全区域宽度：通常选用1200px作为设计标准。这一标准主要基于当前主流设备的分辨率，特别是1920*1080这一分辨率占比高达494%，且大部分屏幕分辨率超过了1366*768，因此无需对1366宽度以下的尺寸做特殊处理。
CSS之元素的显示与隐藏
1、CSS之元素的显示与隐藏 在CSS中，元素的显示与隐藏是常见的操作，它可以让一个元素在页面中消失或者显示出来。这种效果在网页设计中非常有用，比如网站的广告，点击关闭之后就不见了，但是刷新页面之后会重新出现。下面将详细介绍CSS中用于控制元素显示与隐藏的属性。display显示 display属性用于设置或检索对象是否及如何显示。
2、在CSS中，控制元素的显示和隐藏主要通过三个关键属性：display、visibility 和 overflow。 display属性 display： none； 会隐藏元素，并消除其在页面布局中的位置，仿佛元素从未存在过。 display： block； 会使元素完全显示，并转换为块级元素。
3、使用display属性：display： none； 可以隐藏元素，此时元素会从文档流中移除，不占用任何空间。display： block； 或 display： inline； 等可以显示元素，根据指定的display值以块级元素或内联元素等形式显示。使用visibility属性：visibility： hidden； 可以隐藏元素，但元素仍占据网页上的空间，只是不可见。
4、position属性用于定义元素的定位方式。当元素使用position属性并配合top、bottom、left、right等值进行定位后，元素可能会移出视口范围，实现隐藏效果。这种方法需要结合媒体查询或JavaScript来检测元素是否在视口内，以便动态调整元素的定位。
5、在CSS中，元素的显示和隐藏主要通过display属性来实现，具体方法如下：显示元素： 使用不同的display值来决定元素的显示方式，如block、inline、inlineblock、flex、grid等，根据布局需求选择合适的显示模式。隐藏元素： display： none；：将元素及其子元素从文档流中完全移除，不占据任何空间。
B端设计入门——按钮的五种状态(web)
在B端设计中，按钮作为用户与网页进行交互的重要元素，其状态设计至关重要。一个完整的网页端操作按钮通常包含五种状态，分别为normal（正常态）、disable（禁用态）、hover（鼠标滑过）、click（鼠标点击）、loading（加载态）。接下来，我们将逐一了解这五种状态。
主按钮常见于纯文字、图标+文字形式，有默认、悬浮、点击、激活、禁用5种状态。在日常场景中，主按钮是页面操作的核心，通过主题色填充吸引用户视线，引导用户执行关键流程，强调性较高。
B端产品常用的web列表设计模式主要包括以下几种：基础型列表：用途：适用于展示业务相关的平铺数据。特点：操作按钮通常位于表格最右侧，过多的纵列数据会影响用户视觉和操作易用性。网格型列表：用途：适合承载更多信息，方便对比。特点：每个网格内可展示多行信息，适用于业务数据量大且需要对比的场景。
B端的主色即产品的品牌色，但品牌色并不等于主色。在B端设计中，主色的应用不需要大面积填充，而是常见于LOGO、关键按钮、选中状态、高亮文本、图标以及标签等位置。这些位置上的主色提醒构成了连贯的视觉效应，与品牌色具有相关性但又互相区别。
界面元素有哪些
1、界面元素主要包括：文本、图形、按钮、链接、表单、图标、导航栏、状态栏等。 文本：文本是用户界面中最基础也是最重要的元素之一。其主要功能是向用户传递信息和引导用户进行操作。文本应当简洁明了，易于理解，帮助用户快速获取信息并完成相关操作。 图形和图像：图形和图像能够直观地展示信息，使界面更加生动和吸引人。
2、界面元素主要包括：文本：最基础且重要的元素，用于传递信息和引导用户操作，应简洁明了。图形和图像：包括背景图片、角色形象等，能直观展示信息，提升用户体验感和操作兴趣。按钮：用于触发操作的重要元素，设计应直观易懂，标签清晰。
3、鸿蒙应用中的用户界面元素主要由以下几个对象构成： 视图（View）：视图是用户界面最基本的元素，用于展示内容。它可以包含文本、图像、按钮、列表等多种元素。 控件（Control）：控件是具有特定功能的用户界面元素，如开关、滑动条、输入框等。它们为用户提供了操作界面和与系统交互的方式。
个人网页设计学习心得体会范文3篇
1、下面是我收集整理的个人网页设计学习心得体会范文3篇，欢迎大家阅读。 2020学习网页设计心得体会（一） 转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。 记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。
2、经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。
3、第从这次实训当中我深刻的体会到理论知识的重要性，只有在自己熟练理论知识后再能在实践中游刃有余，才不会出现“书到用时方恨少”的尴尬体会。 第实训中我印象最深的是对各种网页制作工具的使用不熟练，甚至还有个别不会用的，只是自己想要做个图片或图标等都做不好，其心情想而知。
4、网页制作心得体会一。、学习目的：随着计算机的出现，网络技术迅猛发展，同时我们的生活也越来越依赖网络。因此，Internet成为人们快速获取的平台，在此基础上，网页也迅速发展，它作为上网的重要依托，已经被称为公认的宝贵资源，我们上网浏览网页，80%都是网页。
