请教一个标准前端设计与开发的具体流程

问答 / 2214 / 4 / 创建于 7年前

如题，由于一直在做后端，所以前端一般都是用bootstrap随便弄个效果交个设计团队具体的做。不过由于最近设计团队的老大出了点事情，公司让我带队把新产品的前端也包了。这就尴尬了，本人前端比较薄弱，不过类似react,angular,coffee,sass/less这些编写都会，基本一直处于帮忙前端，主要后端的角色，最关键的是没有具体的学习过前端设计的流程，所以在此请教各位，能否给一个建议呢？

比如我这里我现在要设计一个类似laravel china一样的界面，应该从何入手？先是使用sketch设计原型或者PS切图呢，还是直接直接编写样式和脚本，然后不停的刷新页面看效果呢？由于是产品测试在即，比较急，最好能使用快点的方法来解决这个问题(外包不行,公司规定所有产品必须自己团队搞定),请各位大神给点建议啊，在此表示万分感谢！！！

PS:广告一下^^,我的Symfony3视频教程快完成了，到时候分享给各路英雄哦！

lichnow

2 声望

暂无个人描述~

2 人点赞

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

工作

[求职]在郑州工作4年的程序媛的简历优化 13 / 172 |

博客

工作小锦囊系列——如何实现一个车辆预定功能（下） 13 / 15 |

博客

冯老师的困惑——测试和正式环境掐架篇（一） 15 / 23 |

分享创造

使用 Laravel 10 & Vue 3 开发了一个社区站，一起来玩下～ 17 / 39 |

博客

简单对比一下DcatAdmin和filament的各自优缺点 29 / 35 |

博客

历时一个月，《穿透Laravel》全书完成！ 88 / 25 |

讨论数量: 4

匿名用户

6 声望

oh...竟然连原型都需要你来设计吗？

好吧,先推荐一个原型工具：Justinmind

按照我的理解,你的步骤可能需要这样:

产品需求分析

7年前评论

匿名用户

6 声望

...写了一半不小心自动发送了，补上：

2.撰写产品需求文档

3.使用Justinmind 设计原型

4.根据原型图设计网页

5.开始切图写前端、后端

6.测试

7.上线...

这里我觉得精简的不能再精简的步骤了...另外在插一句，文档很重要..所以最好开发文档也同步写出来

ps:对于这样的公司,兄弟,过完年扯呼吧...

7年前评论

lichnow

2 声望

@匿名用户谢谢你的回答，不过Justinmind这个东西没用过，如果即时学的话时间上不允许，我会使用sketch，但是最大的问题是我们这个产品以快速上线为主，并且设计要求并不是很高，是一个网上刷单应用和网站，UI的要求跟laravel-china档次差不多。还有其实我们公司待遇还是不错的，并且这次前端领队和切图，UI设计师3人都外地外包，这个项目的前端留个我们团队做，还给了很高的补贴的，所以完全没有辞职的必要。。

说明一下如果直接用less/sass的方式写样式的话我可以做出类似laravel-china这样的整站的前端，这里主要请教的是一个快速以及标准的方式来设计前端UI，然后切图用什么工具，一定要用PS吗？不会PS怎么办？

7年前评论

匿名用户

6 声望

@gkrim 对不起，我理解错了.. 标准的前端UI设计我也不了解,不过切图倒是用过 Cutterman
这个完全自动切...

7年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

请教一个标准前端设计与开发的具体流程

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请教一个标准前端设计与开发的具体流程

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录