广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

周练复盘 | 新手网页设计问题汇总

发布日期:2026-01-20 11:03:26 浏览次数: 807 来源:超人的电话亭
推荐语
网页设计新手必看!从常见问题到进阶技巧,帮你快速提升设计水平。

核心内容:
1. 新手网页设计中常见的5大问题及解决方案
2. 周练改版任务的具体要求与练习目标
3. 进阶学习路径与C端设计新趋势
小优 网站建设顾问
专业来源于二十年的积累,用心让我们做到更好!

第二次周练布置到现在提交的同学有不少,两次都做的同学在这次明显设计效率也更高了。但光快不是唯一目标,依旧要关注设计的质量。

所以今天我们继续对提交练习的问题做个总结,帮助大家发现细节问题,提升设计认知。

之后所有复盘和作业说明会放在UXbaike知识库内,大家可以看下面链接:

https://www.uxbaike.com/post/33878/34731


问题总结

问题1:设计画布与尺寸定义认识

响应式网页的高度会随宽度有一定的比例缩放,如果我们设计的是1440 的宽,你们就不能在自己本地查看原官网用更大的画布时参照它们的模块高度。

网页模块之间更关注的是 “比例” 而不是固定的尺寸数值。


问题2:模块的内外间距设置

很多模块设计是没有认真关注卡片的间距的,不是过大就过小。


问题3:文本的字号和字重设置

文本的字号和字重设置是最严重的问题,网页的内容需要确保能被看清,而这类响应式主页的文本也是会随页面放大而有变化的,所以要尤其关注小字的字号。如果小字占比过小,那就等于不想让用户看。

字号应用也是优先关注比例的协调性,而不是用常规的字号硬套,所以一定要设计完后自己 “阅读” 一遍。


问题4:模块之间的对齐问题

在长页面中,上下模块之间是有联系的,那就是边缘对齐,不是每个模块各做各的。懂得怎么用栅格的话不容易出这种问题,不懂也没关系,起码养成习惯对边缘相近的模块可以画参考线去检查,不要出现边缘参差不齐的问题。


问题5:其它若干小问题

其它大的问题基本就没有了,主要是小问题,比如导航间距太挤还是底部设计不完整等等,属于只要注意是可以避免的问题。

最后还要强调一遍,虽然这次的练习主题很简单,但细节的错误大多不是技术的问题而是耐心和重视度的表现,这也恰恰是UI设计中最重要的基本能力

除了基础的这个练手外,不少卷王学员已经开始尝试更进阶的案例练习,且完成更复杂的配图选填,篇幅关系只简单放几个。大家如果想要进步快,那么前期就应该采用这样的方式去练习。



新的周练

因为不少同学觉得临摹难度太低太简单,所以这次的周练上上强度,完成对下面案例的改版。

练习内容:页面有两个,优先改左侧的主页,如果有时间可以改右侧的详情页。

练习要求:使用402宽画布,根据自己对界面问题的理解进行优化,组件、功能、字段不做删减只优化样式。图片和图标要自己替换,可以使用外部素材,没有限制,确保最终的视觉效果合理即可。

练习目标:检验自己对界面设计的认识和真实水平。



结尾

改版是检验设计能力最简单的方式,改版能做好证明真正入门了,而改版都做不合格那就依旧还是新手,学其它任何知识和技能都改变不了,也很难找到工作。

这种练习更适合点评,大家做好了记得往社群和平台里“砸”,来收获有效的评价快速进步吧!


我们的 C 端体验设计已经蓄势待发了,2026 的第一波变强在等你~

2026开拔!C端体验设计解锁新篇章!



优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询