2025年07月08日
响应式设计是由著名网页设计师Ethan Marcotte在2010年5月提出的设计概念，随后席卷前端和设计领域，成为了如今网页设计的大趋势。正如同Ethan所说：“响应式网站设计提供了一种全新的选择，这种基于栅格布局和CSS3的流动性网页设计，可以让网页随着屏幕变化而响应。这是一种更为统一，更加全面的设计技巧，一种打破网页固有型态和限制的灵活设计方法。”
这种兼顾多屏幕多场景的灵活设计，这就是响应式设计令人着迷的所在。这一点和编程开发领域所追求的“一次编写，到处运行”有着异曲同工之妙。所以它在短短几年内迅速火起来，然后成为大趋势，可以说是意料之中，水到渠成。响应式设计的网页现在已经很多了，而相关的教程也是数不胜数。国外的设计博客Pixel77搜集了15篇优秀的响应式网页设计的教程，让喜欢钻研的你来学习。
2025年07月08日
对于网页设计来说，现在可能已经陷入了一种趋同化的尴尬境地，这主要归咎于以下几个原因：
1、有限的布局创意；
2、响应式网页设计；
3、网页设计框架；
4、原型工具和设计流程抑制创造力；
5、高清免费图片；
6、设计趋势；
2025年07月08日
既然浏览器中可以使用页面标签，那为什么在项目中还需要使用这个组件和交互框架的形式呢？本文IE等浏览器界面为例，介绍了页面标签在产品设计中的作用，以及它们在不同使用场景当中的效果。希望能帮助你对页面标签形成新的认识，推荐关注产品设计的小伙伴阅读。
今天来做一个比较简单的分享，也是很多在做B端项目的同学发出过的疑问，那就是既然浏览器中可以使用页面标签，那为什么在项目中还需要使用这个组件和交互框架的形式。
2025年07月08日
加入人人都是产品经理【起点学院】产品经理实战训练营，BAT产品总监手把手带你学产品
电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面，也是搜索引擎的结果页面。和我们一起去探索什么样的伟大元素可以设计出一个成功的产品详细页吧。
电子商务产品详情页设计（E-commerce Website Design）
设计，可用性和搜索引擎营销的工作对于一个电子商务项目是紧密相联的。是时候开始了，让我们看看网页的外观。用户只需要几秒钟的时间，来决定他们是否想留在页面上或离开。一开始页面的设计可以吸引访客是很重要的，虽然这些设计要点似乎是常识，但我们还是列出了一些，如：
2025年07月08日
【起点学院】产品经理实战训练营，北京、上海、广州、深圳、成都、杭州同时开课啦！
推荐语：如今，产品首页设计趋同的现象愈发常见。是什么让自诩为创意工作者的设计师们走向了同一个方向呢？让这片文章提醒设计师们，应该打破现成的设计框架，不要让我们的设计失去灵魂，做自己的破壁人
上面所说的网站似曾相识对吗？如今，产品首页设计趋同的现象愈发常见。是什么让自诩为创意工作者的设计师们走向了同一个方向呢？今天翻译的这篇文章，原作者 Noah 试图提醒设计师们，应该打破现成的设计框架，不要让我们的设计失去灵魂，做自己的破壁人。下面进入译文。
2025年07月08日
在网页设计领域，多行多列布局一直是开发者面临的挑战之一。随着CSS Grid（网格布局）的出现，我们终于拥有了一种强大而灵活的布局解决方案。本文将深入探讨CSS网格布局的核心概念和实用技巧，帮助你掌握这一现代网页设计的终极工具。
2025年07月08日
在初级的前端工作人员， 刚入职的时候，可能在学习前端技术，写代码不是否那么的规范，而在工作中，命名的规范的尤为重要，它直接与你的代码质量挂钩。网上也受很多，但比较杂乱，在加上每年的命名都会发生一变化。
另外，本文也对设计来说也很重要。
页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法
登录条：loginBar 标志：logo 侧栏：sideBar
广告：banner 导航：nav 子导航：subNav
2025年07月08日
作为一个优秀的 Web 前端开发者，如果不懂点用户体验设计（UED），任由 UI 搁那指指点点，那可真叫是：知三晓五 —— 就是不懂事（四）了！
2025年07月08日
背景：通常制作个中报告时多用PPT或者excel绘制图表，但制作精美的图表经常由设计值制作原型后，交由前端软件开发工程师去实现。