最近公司让我搞个登录页面,完全没碰过代码的我简直麻了。想着现学前端起码得半年,就开始满世界找省事的工具,结果踩坑踩到怀疑人生。
第一步:乱试工具踩大雷
搜到个名字特高级的国外软件,安装包就占了半个C盘。打开一看全是英文按钮,连输入框组件都藏得贼深,折腾半小时才拖出俩灰不拉几的方框,点保存还疯狂报错。气的我直接卸载,连带着清了三遍回收站解恨。
第二步:偶然挖到宝藏
刷技术论坛看见有人提在线设计工具,用浏览器就能开搞。半信半疑点进去,嚯!左边直接挂着一排现成的登录界面模板,跟点奶茶菜单似的。随手戳中个深蓝色模板,右边立马显示修改面板。
真香操作记录:- 双击标题文字直接改成公司名
- 鼠标拽着密码框拉宽一倍
- 背景色卡点个薄荷绿,整个页面瞬间清凉
- 最骚的是点预览按钮,手机电脑显示都正常
不过导出时发现免费版只能下JPG,差点手滑充会员。紧急翻文档才发现,用开发者模式能白嫖HTML代码,复制粘贴就完事。
第三步:拯救手残星人
同事看我搞定了来凑热闹,结果这憨憨连鼠标都拖不准位置。又扒拉出个更傻瓜的拖拽工具,界面像儿童画画板。
- 左侧图标库全是超大按钮
- 把"用户"图标摔进画布自动变输入框
- 右边属性面板字大的像老人机
- 点发布直接生成网页链接
缺点是用人家域名总感觉像租房,改不了网址前缀。但用来交差确实十分钟搞定,那同事现在逢人就吹自己是前端大师。
最终推荐这仨宝贝:
1. XX设计(在线类)适合要面子又要里子的,模板超多还能抠代码。就是英文界面能逼疯文科生,得配合翻译插件食用。
2. OO生成器(拖拽类)眼睛手残党福音,全程不用键盘。但导出文件得看广告,急性子慎入。
3. YY工具(模板类)专治领导催命,三分钟出活。限制是只能换文字颜色,想加个指纹解锁门儿都没有。
昨天甲方居然夸登录页专业,鬼知道我连CSS是啥都不知道。朋友嘲笑我搞野路子,结果反手把我用的工具要去接私活了——这算不算另类就业指导?





