实际应用中十分常见的布局效果，尤其是在产品展示类型网站。 下面就通过flex弹性布局来实现此功能。 代码实例如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 ...
flex弹性布局：产品列表均匀分布代码实例
阅读全文
网页设计网页在线设计工具Figma：到底香不香？
Figma 是一款基于网页的在线设计工具，想必很多人包括我本人在内听到「网页」这个属性，就会下意识的认为其性能差，功能少，很难和一款专业的生产力工具划等号。 但是经过了很长一段时间的考验，Figma ...
网页设计运用色彩无障碍设计工具来提高你的网页设计
作者：Darren 你知道世界上百分之四的人口是色盲吗？不同类型的色盲以及其他视觉障碍，会影响网页的可读性与可用性。这取决于你是否确保了网页的设计，对所有用户群体来说都是无障碍设计，无论他们看到的色彩...
网页设计网易高手的设计实战案例：如何给小程序做设计？
灰评是一个客观评价商品的UGC产品，我们赶上了第一波小程序的浪潮，而且产品本身是个试研发的产品，所以产品设计上就是一个产品+一个视觉，继而有幸参与了很多交互上的设计。 从首页由上往下看灰评的主要体验流...
网页设计超全面的网格基础设计手册，汇取14本图书精华
网格系统是针对于平面的，而不是网页设计和移动端的设计。网格系统、栅格系统、网格基线和网格基数，应用层面完全不同，大家跟着学慢慢就会理解它们之间的差异。平面中的网格系统非常庞大，网格基础就分为很多部分，...
网页设计网页设计是什么？工作流程、网站种类、组成部分、技术原理、设计规范
一、网页设计是什么？ 网页设计也被称为 Web Design、网站设计、Website design、WUI 等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来获取资讯，但是...
网页设计网页设计宽度定义的底层原因：没有绝对只有适合
网页设计的第一步就是画布创建了，这也是困扰我们的第一个难题。由于市面上存在多种前端技术的应用，以及一些历史遗留问题、设计场景差异等因素的影响，我们在搜索「网页设计宽度」这类问题的时候，得到的结果会有非...
网页设计1寸照片的尺寸是多少？photoshop制作1寸照片教程步骤
急需证件照的朋友，只要有一部相机，有电脑安装了PS软件，就可很快自己完成一寸照片的制作。用Photoshop打开准备好的图片，选取“裁切工具”，在裁切工具选项栏中输入固定宽度2.2cm，高度3.2cm...
网页设计APP信息流产品的内容属性如何主导UI设计？
几乎所有APP都是信息流的设计形式，通过信息流内容属性的不一样，可以分为三种流：图片流、列表流、Feed流。 之前看到过卡片流，其实卡片流只是一种设计形式，我们今天探讨的是根据内容属性分出来的三种流，...
网页设计CSS3伪元素实现自动打字动画原理及代码
原理:Typing Animation with Pseudo-Elements 看起来是打字，其实是使用伪元素覆盖在字符串上，然后逐渐减少伪元素覆盖宽度来实现的视觉效果。 <div> &...