2024年网页原型设计的框架 篇1
先回答个问题吧：
A.设计，你是一名有美术基础的学生，有一定艺术基础。
B.制作，你是一名理工科学生，有较强的逻辑思维能力，已经具备了成为一名程序猿的觉悟！
如果你选A：那好吧，你要学习的方向很清晰，由于艺术功底的BUFF加成，你可以很享受工作。你需要学习以下内容：
1.HTML超文本标记语言：虽然HTML也被称为语言，但实际上更应该被称为标签标注，非常简单容易。目前正在使用的是HTML5标准，我觉得学习起来更简单。
发一个参考教程链接，可以先了解一下。
https://www.w3school.com.cn/html5/index.asp
2.CSS层叠样式表单：虽然HTML可以制作出一个功能完整的网站，但他是没有被“美颜”的，要想让你的网站变漂亮，至少要学习这个技术，还好，也不难。
参考教程如下链接：
https://www.w3school.com.cn/css3/index.asp
3.Photoshop：哦，对不起，一名艺术专业的学生怎么可能不会Photoshop，这是必修课，所有网页上的图片、LOGO、Banner等都要用图像处理软件来制作、修改。
4.Axure软件：这个是网站原型设计软件。它可以快速的设计一个网站的用户界面，提交给用户反馈，然后快速修改，直到用户确认。你就可以将这个设计好的原型，提交给同伴去制作成真正的网站了。
好了，选A的同学结束了，恭喜你，靠天赋就能混的不错。
如果你选B：那好吧，恭喜你！格子衫、996、脱毛谢顶走起！学习规划图如下：
1.跑不了的HTML语言：必须一天学会！太简单了，无论是否能熟练应用，但必须一天内学会！学完这个，你就会飘飘欲仙，觉得网站制作如此简单！然后被套牢。
2.逃不掉的CSS样式：即便不完全学会，也要能完全看懂别人写的表单效果，未来是一定会用的！否则以后调试页面会给你逼疯！完全学会也只需要3天，但熟练掌握可能要数月！因为技巧很多，还要注意各种浏览器的坑要填。
3.终极奥义Javascript语言：这里是坟墓！是埋葬了很多人的万人冢！没有网页制作人员能绕的过去，掉进去就会被埋！是否能浴火重生就要看自己的决心了！如果能学会，后面一堆技术都难不倒你。
4.至少学习一个网页框架吧bootstrap：为了快速开发，已经有人帮你整个好了一个库，将前面三种技术整合到了一起，你可以很快速的开发出一个网站来。尤其是网页布局，很容易！2天学会。
至此，网页前台就已经差不多了！
有小伙伴觉得给你的压力还不够，还有一大堆要学的。没关系，你学到上面4个后，自己就会知道还学啥了！不用我们再教你了。
接下来是页面后台了！
要想让你的网站能从数据库中读取数据，并显示出来！或是将文本框中用户输入的数据存储到数据库中。那都要学习后台技术。作为一个初学者，建议你：
1.PHP语言：php是世界上最好的编程语言！（稍等老衲先去包扎一下伤口）。使用会用PHP，可以让你了解网站后台运行的全部机制！相对简单易用。尤其是作为学习阶段，还是可以接触一下的。但现在Java如日中天，用PHP的已经相对减少很多了。
2.Java语言：未来你想从事企业级网站应用的开发、安卓系统移动应用程序的开发，都离不开java！虽然我不喜欢它，但无疑，他是使用最广泛的！
3.. NET技术：好吧，也可以不学，可以跟以上两门语言划等号，可以实现全部的功能。但这个派系人单势微，不提也罢。
4.数据库技术：根据你选择的行业、语言的不同，你可能也会选择不同的数据库技术。这个太麻烦，有需求再细说吧。
5…
6…
这个列表是总也写不完的！一入猿门深似海！这辈子永远学不完！
就到这里吧！
2024年网页原型设计的框架 篇2
废话不多说，直接上干货！
1. Axure 8.0
说起设计原型图，在产品经理眼中，Axure 绝对是一款经典软件。组件多，交互效果多，高手想做高保真原型图的话，可以玩出花来。如果是低保真原型图的话，那更是不在话下。
2. 墨刀
国产软件，收费，但是真好用！有模板，可以快速创建原型图，逻辑流程清楚，熟手的话，一款需求明确、三四十个页面随手拈来，有一会儿就能搞定。墨刀支持标注，同样支持sketch插件，产品设计协同办公，简单方便！
尤其在做手机原型图的时候，墨刀几乎是大部分产品经理的首选之一。
国产经典！
3. sketch
目前只支持mac，轻量级矢量设计工具，一张大画布，让所有图的逻辑清清楚楚，作图也好，切图也好，逻辑也好，都非常好！
对稍微有点设计功底的产品经理来讲，完全可以摒弃原型图，直接用sketch来上手做效果图。说得再狠点，加了颜色那就是第一稿的效果图。
对产品经理的审理和设计功底有要求，大概只有 小众的拥有设计功底的PM才敢直接上手sketch这款神器！
4. mockplus
又称为摹客，可以快速设计原型图，业内口碑不错。
如果喜欢纳兰写的内容，请收藏或关注！
作者简介：纳兰说数码，工科毕业，爱玩爱搞机，也深爱写作。关注我，咱们一起聊点有趣的数码产品或者超酷有用的APP或小程序。
2024年网页原型设计的框架 篇3
在悟空问答上的729个问题，只写接地气的科技内容，欢迎关注。
嗯，一般都是设计师直接画图，要么开发直接敲代码就出来了。开个玩笑，没有这么简单……
无论是APP、小程序、H5、Web网页，从最初的一个构想，到最后让用户看到整个界面，需要经历一系列的流程，需要很多岗位的人员参与，这里简化成为几个大致的流程跟大家讲一讲。
立项调研阶段
任何项目都不是凭空想象出来的，尤其是商业项目。产品只是服务的载体，尤其是互联网产品。所以任何产品在确认要开发之前，都必须经历立项调研的阶段。比如说需要调研整个市场行业的情况，有多大的市场空间可以切入；需要调研行业竞品的运营状况，他们是怎么做的，有没有盈利；需要对自身团队的能力进行评估，团队本身优势劣势在哪里，应该从哪个方向切入，有没有机会赚钱。
立项一般都需要项目经理来带头，还有市场、运营、技术、数据分析等等岗位参与进来，提交一份最终的项目调研报告给管理层，由管理层评估是否可以执行。当然，如果是外包公司的话需要与甲方多次对接需求，明确甲方爸爸要做什么事情。总而言之，就是要搞清楚这款产品有没有必要投入资源去做。
信息框架和原型
项目一旦立项之后，产品经理就开始进场工作，嗯，就是狗都能当的那个产品经理……根据项目的整体规划，产品经理需要对产品本身进行规划，首先是规划出产品的功能需求，再将功能需求拆分成不同的迭代版本，制定产品的路线地图，这一块一般需要运营人员的参与一起来制定。
制定好功能需求和迭代的地图之后，产品经理就需要将每个版本的产品功能输出成为信息框架图，一般都是按照页面来挨个拆分，列出每个页面具体的功能模块；然后再根据信息架构图，绘制产品的原型设计稿。原型这个东西可繁可简，有的产品经理喜欢画高保真的原型，有的产品经理喜欢用框架图。怎么用无所谓，能够让设计师看得懂就行。
UI设计稿和UX交互流程图
产品做好原型图之后，通常会先跟各个部门的负责人统一做一次评审，确保产品功能层面没有问题。确定好原型之后，UI设计师开始进场工作，将原型图设计成最终用户看见的界面，也就是高保真的设计稿。此时产品最好别多说话，尊重设计师可以有效提高工作效率……
设计师完成高保真设计之后，产品经理再将各个高保真页面串联成为交互流程图（大公司会有专门的交互设计师，但是大多数公司并没有专门设立这个岗位，多数是由UI设计师和产品经理共同完成），交互流程图是介绍整个产品从首页到最后的页面，每个按钮怎么跳转，每个页面展示内容的说明图，是技术最重要的开发指南。
技术开发和测试
高保真设计稿和交互流程图完成之后，就可以找技术和测试的小哥哥们进场了。此时就是最容易吵架的开发需求评审，这个时候会出席的人员一般会有：项目经理、产品经理、设计师、开发工程师、测试工程师，还可能有运营等其它部门的旁听。技术的评审会一般由产品经理来主持，讲解产品的具体功能怎么做，此时就会面对技术尤其是架构师的各种质问，准备不充分，逻辑上有漏洞，那就准备好技术的狂轰滥炸吧！
需求评审之后，技术就开始进行开发啦～此时产品经理一方面需要盯着开发的时间进度，另一方面需要与测试工程师一起参与已经做好的模块的测试，找到潜在的BUG进行修复，最终大家一起做出一款可以完美使用的产品出来。
运维和迭代
产品开发完成之后，就可以交给运营方面的人员，内部试用准备上线的工作了。此时项目经理已经去忙其它项目了，技术开发也去做其它事情了，产品经理需要定好产品的数据埋点工作，通过埋点数据来对产品进行后续的优化，着手下一个版本的功能需求。
产品这边交给运营之后，就开始正常的推广上线了，也就是到了用户手中可以使用的App操作界面。因此大家可以看出来，一个产品从构思到最终上线，短则一个季度，长则两三年的时间，比如说游戏这种大型的项目。每一个产品背后，都是一个团队辛劳的付出。