原型分析|学习笔记

简介: 快速学习原型分析。

开发者学堂课程【网站架构师 CUED 训课程原型分析】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/548/detail/7559


原型分析


这是一个做好的网站的原型,分析一下网站原型所具备的元素:

第一是导航,导航包括网站首页、关于我们、产品中心(包括一系列产品)、新闻动态、人才招聘、合作伙伴、联系我们;

下面是 banner,可以将 banner 的位置留出来交给 UI 的同学进行优化;往下是关于我们,作为公司的官网,公司介绍一定放在关键位置;产品中心里面的每个产品都是可以直接点击进入,可以通过列表实现;联系我们:让客户最快的联系到公司;

最后会有公司的地址、电话、二维码、小程序等,这是一个非常完整的首页,在网站的最右边有一个在线联系方式,根据客户的需求制作,部分行业需要客户及时沟通。

图片53.png关于我们:

这个网站的关于我们做的非常精细,包括公司简介、品牌故事、发展规划、企业视频等(用文字及图片)。

 图片54.png

产品中心:

产品中心是网站最重要的部分,将不同产品进行分类,直接点击产品就可查看产品的相关。

图片55.png

新闻动态:

一般的新闻动态通过新闻列表直接显示。

图片56.png

人才招聘:

有一些岗位的职责描述和要求。

图片57.png

联系我们:

首先必不可少的就是公司的联系方式、邮箱、地址等,同时还应该有一个地图,这个网站还加了一个在线留言的留言板。

图片58.png 

这个网站是非常完整的原型的制作,但是这只是PC端的原型,还需要看一下移动端的原型,一般移动端是沿袭的PC端的设计方式,设计移动端是要按照PC端制作。

图片59.png

相关文章
|
JavaScript 索引 容器
vue实现多文件预览以及切换
vue实现多文件预览以及切换
317 0
|
6月前
|
机器学习/深度学习 存储 算法
如何判断两张图片的相似度?原来图片对比也可以如此简单!
本文介绍了图片对比技术在多个场景中的应用,如图片去重、内容审核、版权维权及相似图片搜索,并详细解析了两种主流的图片对比方法。第一种是**MD5指纹对比**,适合精确匹配完全相同的图片,具有速度快、简单易用的特点,但对稍作修改的图片无能为力。第二种是**图像哈希对比**,包括平均哈希、感知哈希等算法,能够判断图片的相似程度,适用于处理缩放、旋转或亮度调整后的图片,但在语义相似性上仍有局限。最后提到,随着机器学习和深度神经网络的发展,图片相似度判断技术将有更多可能性,值得进一步探索。
2654 6
如何判断两张图片的相似度?原来图片对比也可以如此简单!
|
5月前
|
存储 缓存 前端开发
《从网页到桌面:PWA如何借两大核心实现离线启动》
本文围绕PWA应用的离线安装与启动展开,深入解析Web App Manifest与Service Workers的协同作用。Manifest为PWA赋予设备端“身份标识”,通过定义应用名称、图标、显示模式等,使其脱离浏览器束缚,以类原生形态被用户安装调用,强化品牌认知与使用便捷性。Service Workers作为后台引擎,通过智能缓存关键资源实现快速启动,并在离线时拦截请求、切换缓存模式,保障核心功能可用。二者协同打破网页对网络的强依赖,让PWA兼具网页的分发灵活性与原生应用的驻留可靠性,为用户提供全场景稳定体验,也为开发者简化跨平台适配,重塑前端应用的分发与使用模式。
122 0
|
8月前
|
人工智能 缓存 Java
用 AI 搭建秒杀平台后端,一周搞定所有功能(附超详细踩坑记录)
本文分享如何借助AI技术快速搭建电商秒杀平台后端。通过飞算JavaAI,从需求分析到代码生成全流程智能化,大幅提高开发效率。文章详细记录了技术栈选择(Java、Spring Boot、MySQL、Redis)、系统架构设计、缓存机制优化、数据一致性保障及测试调优等环节,解决高并发难题,助开发者高效完成秒杀平台构建并规避常见坑点。
|
搜索推荐 C++
【Qt 学习笔记】Qt窗口 | 对话框 | 创建自定义对话框
【Qt 学习笔记】Qt窗口 | 对话框 | 创建自定义对话框
764 4
|
Java 数据库 Spring
services层和controller层
Controller层和Services层是现代Web应用程序中的两个关键层次。Controller层负责处理客户端请求和生成响应,而Services层负责实现业务逻辑和数据操作。通过将职责明确分离,可以提高代码的可维护性、可扩展性和测试性。希望本文能帮助您更好地理解这两个层次及其实现方法,并在实际开发中应用这些最佳实践。
737 1
|
存储 安全 Java
Java一分钟之-泛型擦除与类型安全
【5月更文挑战第20天】Java泛型采用类型擦除机制,在编译期间移除泛型信息,但在编译阶段提供类型安全检查。尽管需要类型转换且可能产生警告,但可以通过特定语法避免。使用泛型时应注意自动装箱拆箱影响性能,无界通配符仅允许读取。理解这些特性有助于编写更安全的代码。
324 4
|
监控 前端开发 jenkins
Jenkins 在前端项目持续部署中的应用,包括其原理、流程以及具体的实现方法
本文深入探讨了Jenkins在前端项目持续部署中的应用,涵盖其基本原理、流程及具体实现方法。首先介绍了Jenkins的基本概念及其在自动化任务中的作用,随后详细解析了从前端代码提交到生产环境部署的全过程,包括构建、测试、部署等关键步骤。最后,强调了持续部署中的代码质量控制、环境一致性、监控预警及安全管理等注意事项,旨在帮助开发者高效、安全地实施持续部署。
320 5
|
编解码 监控 Android开发
Pico Neo 3教程☀️ 四、开发者工具:实时监控工具(Metrics Tool)
Pico Neo 3教程☀️ 四、开发者工具:实时监控工具(Metrics Tool)
|
传感器 XML 数据处理
Landsat Collection 2 T1一级数据详细介绍(数据处理过程和几何精度)
Landsat Collection 2 T1一级数据详细介绍(数据处理过程和几何精度)
289 0