原型分析|学习笔记

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

开发者学堂课程【网站架构师 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

相关文章
|
6月前
|
前端开发 JavaScript
【面试题】原型与原型链 进一步理解~
【面试题】原型与原型链 进一步理解~
|
6月前
Axure小技巧,原型能力大提升
Axure小技巧,原型能力大提升
48 0
原型工具Axure和墨刀哪个更好?
原型工具Axure和墨刀哪个更好?
203 1
|
架构师 数据可视化 人机交互
Axure介绍与原型案例分享
Axure介绍与原型案例分享
AskBlog原型系统构思
AskBlog原型系统构思
46 0
|
前端开发
前端学习案例-原型
前端学习案例-原型
56 0
前端学习案例-原型
|
前端开发
前端学习案例-原型4
前端学习案例-原型4
74 0
前端学习案例-原型4
|
前端开发
前端学习案例-原型3
前端学习案例-原型3
40 0
前端学习案例-原型3
|
前端开发
前端学习案例-原型5
前端学习案例-原型5
53 0
前端学习案例-原型5
|
前端开发
前端学习案例-原型2
前端学习案例-原型2
54 0
前端学习案例-原型2