栅格

UI设计师工作必备的七个设计神器

《七种武器》为著名武侠小说家古龙著名作品代表作之一，共分为：长生剑、孔雀翎、碧玉刀、多情环、离别钩、霸王枪、拳头，七种武器非一般江湖武器，件件精妙绝伦。在UI设计中一样存在这样的七种武器，如果能拥有这七种武器，必定能让你设计如同“开挂”一般事半功倍！长生剑 — 排版神器  Material Design Grids（谷歌搭梯子）栅格化设计就是按照一定的规则把页面的宽度分成固
用户研究 2016年04月10日

Bootstrap网格系统

什么是BootstrapBootstrap是一个用于快速开发Web应用程序和网站的前端框架，它包括HTML,CSS,JS等。它是由Twitter开发，现在成为Github上最为流行的前端开发框架。它提供了一套响应式，移动设备优先的流式栅格系统，随着屏幕或视窗尺寸增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的
业界 2016年06月22日

无从下手？也许你该从这五种经典网页布局开始设计

编者按：不得不说，网页设计绝对是有套路的！网页布局虽然千变万化，但是如果你仔细观察，会发现有一些布局适用范畴相当广，经久不衰。今天的文章，我们就来聊一下5种经典的网页布局。在开始一个新的网页设计项目的时候，不知道你会不会有那么一瞬间的犹豫：“这个项目要从哪里着手呢？”伴随着这种犹豫的，是“做点前所未有的作品”的冲动。不过，很多时候，这些冲动和犹豫都在需求的磨合、设计的细化中
产品 2016年09月08日

酷站两连发！超好用的网页栅格化工具 + 免费可商用的优质图库

编者按：今天推荐一个操作方便简单的栅格工具以及一个收录高质量的免费图库，建议收藏。GridGuide平面设计中使用栅格化设计是相当重要的，特别是网页和VI设计方面，在设计前都需要来好栅格，但是选择合适栅格和计算无疑是浪费了设计师不少的时间，然而当遇上今天的神器「GridGuide」在线工具，以后再也不怕Web网格布局问题了。打网站后，用户可以自由设置最大宽度、列数以及留白边
产品 2016年11月01日

网页设计中，如何突破栅格的限制又保持协调？

现如今， 栅格 已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感，他们是让网页变得更加和谐的基础。但是， 栅格存在的目的是帮你创造好的设计，当你开始逐渐适应栅格的存在，千万不要被它束缚住。你并没有必要100%地受限于栅格，偶尔打破栅格的设计可能会让你的设计更加抓人眼球。不过，想要打破栅格又保持网页的协调，是有技巧的，并非任何“破格”的设计都是好的
产品 2017年01月23日

让设计更高效！正式为大家安利这个好用的「8 点栅格」

作为设计师，就算你不使用栅格系统，那你也至少会频繁地接触到“栅格”这个概念。无论是设计网站、杂志，还是app，各类栅格应有尽有。但由于我最近接触到了“8点栅格”，并对其产生了极大兴趣。为一探究竟，我要搞清它对于我们的设计到底能带来怎样的好处？欢迎关注作者的知乎专栏： Sketch 中文教程 没它又如何？毕竟不用8点栅格不还是照样能干好设计我一直以来都使用Bootstrap或
产品 2017年03月05日

从栅格系统实例，了解栅格基础知识

“UI设计的不就是这些细节，难道要比谁画的圆更圆谁画的方更方嘛？”——引用自我设计路上的引路人美mo语录这篇我就给大家介啥一下设计网页里非常重要的一个网格系统
产品设计 2023年07月23日