网页设计作业总被扣分?这些坑你踩过几个?

速达网络 网站建设 4

你做出来的网页是不是永远像培训班广告?老师总说"缺乏创意",可明明照着教程做的啊!杭师大数字媒体专业的小王,把作业改了三版还是拿不到及格分,这事儿我亲眼看着他折腾。今天就扯开聊聊,那些老师打死不会明说的扣分潜规则!


配色方案的五宗罪

网页设计作业总被扣分?这些坑你踩过几个?-第1张图片

作业死得最惨的就是颜色乱炖!记住这三个​​死亡组合​​:

  1. 大红配大绿(像个灯会官网)
  2. 纯黑配亮黄(看得人眼瞎)
  3. 梦幻紫配荧光粉(非主流复活现场)

​真实案例​​:上个月浙传作业展,有个用了莫兰迪配色的作品,58份作业里拿了最高分。评委老师说"终于有人懂灰度运用了",你品!


导航栏设计的反人类操作

这些坑我见一次笑一次:

  • 悬停五秒才显示菜单(当用户是特工吗)
  • 用艺术字做导航标签(鬼认得出来)
  • 五层嵌套的下拉菜单(玩迷宫游戏呢)

改个思路试试:把主导航控制在5项以内,加上面包屑导航。中国美院去年毕设里有个狠人,把导航做成地铁线路图,用户停留时长直接翻倍!


移动端适配的应付式操作

别以为整个响应式框架就完事了!老师说"移动端体验差",大概率是:

  • 图片等比缩放成马赛克
  • 按钮间距没调(手指粗的根本点不到)
  • 竖屏变横屏布局错乱

划重点了!北邮学生做过实验:把移动端点击热区从48px扩大到72px,页面转化率飙升21%!做作业不是交差,得考虑真实使用场景!


交作业最蠢的三种文件打包方式

  1. 源文件全部放桌面(字体丢失)
  2. 设计稿用PSD格式(老师可能没装Photoshop)
  3. 截图存JPG格式(满屏马赛克)

高手是这么干的:
√ Sketch文件转PDF示意图
√ 代码托管到GitHub Pages
√ 动效录屏存GIF
去年清华作业展,有个女生把作品同步到云文档,二维码直接贴作业本,教授当场给了满分!


加分项和减分项对比清单

加分操作减分行为
增加无障碍设计全站自动播放BGM
做404彩蛋页强制注册才能访问
添加暗色模式切换滥用轮播图
设计本地化语言包英文机翻成中文

要我说啊,老师扣分真不是针对谁,实在是烂大街的套路见多了。你看国美那个把loading动画做成贪吃蛇的,直接保研了好吧?记住,做作业不是考场答题,得玩出你自己的花样!对了,小王后来把美食网站改成"分子料理实验室"风格,现在这门课居然拿了优,你说气人不气人?

标签: 扣分 网页设计 作业