标题：网页制作小项目总结

一、项目概述

本次的网页制作小项目旨在通过实践操作，学习和熟悉HTML、CSS和JavaScript的基本知识，以及网页设计和前端开发的基本流程。我负责的是设计并制作一个个人简历展示页面，以提升我的网页设计技能和编程理解。

二、项目目标

1. 学习并掌握HTML、CSS和JavaScript的基础语法和应用。 2. 设计和实现一个美观、功能完整的个人简历网页。 3. 提升网页布局、色彩搭配和用户体验设计的能力。

三、项目实施

1. 前期准备：我首先查阅了相关文档和教程，明确了网页设计的规范和流程。 2. 网页结构：使用HTML5构建网页的基本框架，包括头部、主体和尾部，使网页结构清晰。 3. 舞台设计：使用CSS进行页面布局和样式设计，包括字体、颜色、背景等，使得简历页面具有吸引力。 4. 动态效果：使用JavaScript实现了一些交互效果，如导航栏的下拉菜单和简历内容的滚动展示。

四、项目成果

最终，我成功制作出一个包含个人信息、教育背景、工作经验和技能特长的个人简历网页。该页面简洁明了，既展示了我的个人信息，又具备一定的交互性，用户体验良好。

五、总结与反思

通过本次项目，我深感前端开发的细致和复杂，需要不断学习和实践。同时，我也明白了用户体验设计的重要性，一个好的网页不仅要美观，还要易于使用。我将在以后的学习中继续深化这些知识，提高自己的技能。

六、下一步计划

对于下一步，我计划尝试制作一个响应式的网页，以便在不同设备上都能有良好的显示效果。同时，我也会学习更多的前端框架和工具，以提升网页开发的效率。

总结，这次网页制作小项目是一次宝贵的学习经历，我收获颇丰，期待在未来的项目中进一步提升和展示我的能力。

描边字体几乎总是与填充的相同字体配对。它创造了阴阳效果，可以清晰的划分信息层级并帮助延长用户的阅读时间。描边效果与填充字体之间的对比也特别强调了对无衬线字体的选择。

2020年流行的概念之一是回到1920年代的概念。图示网站选择了Antigo Regular这种复古风格的字体，给受众带来不同的时代感受与情绪。

网页制作小项目总结范文

这种趋势起作用的原因有一个：由于使用了移动设备，人们越来越习惯于滚动.小屏幕使之成为一种固定的行为反射，而这种趋势正依靠它来发挥作用。

满版构图并不是什么新鲜事。这种趋势还伴随着另一个新元素一起出现照像加盟，不需要明显的导航或滚动设计，呈现出极简的趋势，并可能带来新的设计挑战。

当您将鼠标悬停在click元素上时，会变成可扩展的圆形指针；存在视觉提示,例如导航箭头;每个站点都有某些类型的投资组合内容；滑块图像可以独立放置，并且不会被文本或其他元素遮盖。

当一个设计呈现原始和未经抛光时，它会引起人们的注意。野兽派排版可以唤起一种急躁和反叛的语调，这就是为什么我们看到这种风格常用于海报和实验艺术。

Altermind使用了醒目的现代衬线体，用于中心品牌和标识，具有微妙但有趣的背景。深色背景上的白色文本很经典,大大增强了可读性。

在调查中，网站以不同的方式展现这种趋势，大部分网页呈现都很引人入胜。设计中的大多数“可读"信息都来自图像或视觉表示。文本用作辅助信息元素。

本文作者是从国外Web设计角度出发，和国内的视角还是有一些区别，但其中的很多概念还是可以借鉴的。渐变色、响应式设计、动效都是最近几年的热门词，其中的渐进式Web应用程序是我第一次了解这个概念，相信未来国内的开发人员会在此方面有所建树。

以会话为导向的营销和销售平台，将企业与客户实时联系起来。这使得我们可以进一步开展创意营销，开拓全新的营销方式，以更好地达到预期目标。

简单易安装也是Web应用程序与原生应用程序相比的一大优点。此外，开发人员不需要将PWA适配到iOS或Android平台上，由于使用网络技术，PWA可跨平台工作。

有无服务人员是PWA和常规Web应用程序的主要区别，服务人员是PWA背后强大的技术支撑，在服务人员的帮助下，可实现离线模式工作、接收推送消息、更新背景内容等。PWA旨在实现多个平台通用的应用程序。

其实Material Design是过去几年扁平化设计趋势的延续，但它并不是单纯的扁平化，而是增加了适当的点缀以增强可用性，这是扁平化设计所不及的。Material Design的根本是可用性，而不是拿掉一切以提升视觉吸引力。

Material Design是谷歌基于Android系统推出的全新设计语言，一开始可能主要面向移动设备界面，但后来无论是在移动设备还是PC平台，它的流行度和使用量都呈现爆发式增长。

在数字产品的营销领域，图像的选择是我们遇到过的最有意思的挑战。整个设计团队都会针对这个问题进行讨论，通常最终会归结于以下两种选择：

（译者注：技术栈一般来说是指将N种技术互相组合在一起（N>1），作为一个有机的整体来实现某种目的；也可以指掌握这些技术以及配合使用的经验，比方说：LAMP LNMP MEAN都是常见的Web技术栈。这里的栈就是英文stack的意思，即一些东西堆在一起，而非数据结构的栈的意思。）

设计一个网站时我们需要考虑诸多因素，如网速、技术能力、用户类型等。从中可以看到，为什么动效和交互式界面，会成为2018网页设计主流趋势中的重要部分，尤其当人们的审美要求越来越高、技术栈越来越先进。

（译者注：2017《移动互联网蓝皮书》发布，移动互联网用户达到10.93亿，而PC用户停滞不前。无论用户使用哪种设备，笔记本、智能手机还是Pad，产品页面都应当能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。）

对于移动网络来说，2017年是具有里程碑意义的一年，它的使用量最终超过了桌面浏览量。这也意味着网页设计师将比以往更注重移动设备用户的需求。

渐变色和丰富的色彩，以其自身的美学魅力和强烈的视觉效果，而为设计师所青睐并大量使用。随着此类设计风格需求的日益增长，广阔的色域和渐变色将在2018继续流行下去。

但是，通过清楚地识别每个产品功能对目标用户的实际意义，您可以从一个新的维度来考虑界面设计，而不仅仅是在功能优先级的认知范围内。其次，输出满足实际需求，更集成化的设计自然就出现了。

虽然没有前两个函数那么重要，但处理这些函数可能很棘手。事实上，属于这一类的功能比那些需要以“显而易见”或“易达易用”的方式呈现的功能多得多。在实践中，与其考虑如何收集和隐藏它们，不如从设计层面逆向推动产品方面，并考虑根本不必要的东西。

主要是通过合理设置通道宽度和路线，实现主动线与辅助移动线的自然衔接，使所有商铺都在人们的步行路线上和视线范围内，避免中途掉头、死角和盲区，消除购物疲劳由用户引起，让顾客在店内停留的时间更长，从而最大限度地愉快地参观店内所有的产品。

从收到需求到完成设计需要2个小时，大部分时间都花在插图上。这个设计有许多不足之处。希望大家多提意见，共同进步。在第一次分享的最后，我希望我能给你一点帮助。

要开始具体实施，首先要确定页面的主要样式、颜色、字体等，并进行简单的排版和配色设计，因为活动的目的是让内部员工促进销售，而不需要紧张的红色来促进即时购买。我选择淡蓝让目标用户冷静地阅读活动规则，并想用插图的数字来调动参与的积极性来画一个购物的人，你可以拿着手中的商品农村退役小哥创业小吃店名，或者跑去告诉亲友气氛，加些装饰，就可以了。把它放在活动页面上进行颜色调整。

接下来，我想重点谈谈以下几点：在我得到每一个活动的主题后，我首先要做的就是扩展我的思维，把我能想到的全部写下来，包括风格、颜色、与之相关的对象等等，然后写下我的想法，然后做减法。

因为之前没有画过这个类型的插画，所以第一次是参考着画的，也是自己的一次尝试。以上是我的草图，没想着这次要做一个分享总结，所以画的好难看写的好难看，哈哈。

由于这次的活动比较简单，心中大概有一些模型，所以只找了一下插画参考。找了参考之后可以跟需求方沟通一下是不是想要或者可以接受的风格。

首先，当你拿到副本时，通读副本的内容。在你了解需求后，你应该去需求方进行沟通。不要在沉默中开始工作。你将在无限循环中崩溃。

做很多活动页，从今天开始养成写总结的习惯，总结自己的不足，分享做活动页的经验。这一页比较简单，主要介绍了活动的设计过程，从前期思考到最终完成草稿。