网页设计教程 | 菜鸟学院

运用色彩无障碍设计工具来提高你的网页设计

作者：Darren 你知道世界上百分之四的人口是色盲吗？不同类型的色盲以及其他视觉障碍，会影响网页的可读性与可用性。这取决于你是否确保了网页的设计，对所有用户群体来说都是无障碍设计，无论他们看到的色彩...

09月24日 226 views 发表评论

灰评是一个客观评价商品的UGC产品，我们赶上了第一波小程序的浪潮，而且产品本身是个试研发的产品，所以产品设计上就是一个产品+一个视觉，继而有幸参与了很多交互上的设计。从首页由上往下看灰评的主要体验流...

09月01日 302 views 发表评论

网格系统是针对于平面的，而不是网页设计和移动端的设计。网格系统、栅格系统、网格基线和网格基数，应用层面完全不同，大家跟着学慢慢就会理解它们之间的差异。平面中的网格系统非常庞大，网格基础就分为很多部分，...

08月23日 247 views 发表评论

一、网页设计是什么？网页设计也被称为 Web Design、网站设计、Website design、WUI 等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来获取资讯，但是...

07月30日 405 views 发表评论

网页设计的第一步就是画布创建了，这也是困扰我们的第一个难题。由于市面上存在多种前端技术的应用，以及一些历史遗留问题、设计场景差异等因素的影响，我们在搜索「网页设计宽度」这类问题的时候，得到的结果会有非...

07月30日 259 views 发表评论

急需证件照的朋友，只要有一部相机，有电脑安装了PS软件，就可很快自己完成一寸照片的制作。用Photoshop打开准备好的图片，选取“裁切工具”，在裁切工具选项栏中输入固定宽度2.2cm，高度3.2cm...

07月29日 314 views 发表评论

几乎所有APP都是信息流的设计形式，通过信息流内容属性的不一样，可以分为三种流：图片流、列表流、Feed流。之前看到过卡片流，其实卡片流只是一种设计形式，我们今天探讨的是根据内容属性分出来的三种流，...

06月29日 343 views 发表评论

原理:Typing Animation with Pseudo-Elements 看起来是打字，其实是使用伪元素覆盖在字符串上，然后逐渐减少伪元素覆盖宽度来实现的视觉效果。 <div> &...

12月26日 713 views 发表评论

图片是传达创意的重要方式，做图也成了我们的必备技能和日常烦恼。今天介绍6个功能强大、操作简单的图片制作网站，让你从此「做图不求人」。本文转自Wedea的亲兄弟CreativeMass 当你需要频繁使...

12月20日 592 views 发表评论

在互联网上，一切都开始动起来，短视频开始流行，而 Gif图早就已经像病毒一样占据了网络的每个角落。用户用 Gif图来传达信息，来表达情绪，甚至记录生活。怎么能不爱 Gif图呢？但是就和所有的好东西一...