一，用flex的副轴来垂直居中对齐 1.副轴（由上到下）设置居中对齐（align-items: center;）即可 1 <!DOCTYPE html> 2 <html lang="...
网页设计css图片和文字在父元素垂直居中，且在中线对齐排列的几种方式
阅读全文
网页设计 网页设计响应式设计是什么？策略、模式、实施、组件应用四层解读
设计策略、设计模式、实施模式、组件应用四个层面大致归纳了一些信息，旨在对响应式设计有一个笼统的了解。 一、设计策略 1. Adaptive Design 与 Responsive Design 关于响...
网页设计以用户为中心的网页设计方法论及案例
面向您的客户进行网页设计能够更直接达到您的商业目标。以往的网页设计是以雇主（甲方）的喜好作为审核设计是否成功标准，然而这一现象正在发生改变。因为网页是给到您的用户使用的，只有深入了解您的客户需求，结合...
flex弹性布局：产品列表均匀分布代码实例
实际应用中十分常见的布局效果，尤其是在产品展示类型网站。 下面就通过flex弹性布局来实现此功能。 代码实例如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 ...
网页设计网页在线设计工具Figma：到底香不香？
Figma 是一款基于网页的在线设计工具，想必很多人包括我本人在内听到「网页」这个属性，就会下意识的认为其性能差，功能少，很难和一款专业的生产力工具划等号。 但是经过了很长一段时间的考验，Figma ...
网页设计运用色彩无障碍设计工具来提高你的网页设计
作者：Darren 你知道世界上百分之四的人口是色盲吗？不同类型的色盲以及其他视觉障碍，会影响网页的可读性与可用性。这取决于你是否确保了网页的设计，对所有用户群体来说都是无障碍设计，无论他们看到的色彩...
网页设计网易高手的设计实战案例：如何给小程序做设计？
灰评是一个客观评价商品的UGC产品，我们赶上了第一波小程序的浪潮，而且产品本身是个试研发的产品，所以产品设计上就是一个产品+一个视觉，继而有幸参与了很多交互上的设计。 从首页由上往下看灰评的主要体验流...
网页设计超全面的网格基础设计手册，汇取14本图书精华
网格系统是针对于平面的，而不是网页设计和移动端的设计。网格系统、栅格系统、网格基线和网格基数，应用层面完全不同，大家跟着学慢慢就会理解它们之间的差异。平面中的网格系统非常庞大，网格基础就分为很多部分，...
网页设计网页设计是什么？工作流程、网站种类、组成部分、技术原理、设计规范
一、网页设计是什么？ 网页设计也被称为 Web Design、网站设计、Website design、WUI 等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来获取资讯，但是...
网页设计网页设计宽度定义的底层原因：没有绝对只有适合
网页设计的第一步就是画布创建了，这也是困扰我们的第一个难题。由于市面上存在多种前端技术的应用，以及一些历史遗留问题、设计场景差异等因素的影响，我们在搜索「网页设计宽度」这类问题的时候，得到的结果会有非...