栅格化 | 设计达人

努力
也需要大家的支持!

视觉设计 »

赞助商链接

如何用栅格系统构建优秀的响应式设计

3月 31, 2020 分类: 视觉设计. 评论

今天，90％的媒体互动都是基于屏幕的，通过手机，平板电脑，笔记本电脑，电视和智能手表来与外界产生联系。多屏设计已成为商业设计中不可或缺的一部分，响应式设计正迅速成为常态。作为UI设计师，我们希望为我们[……]

阅读全文 »

为什么页面排版布局看上去凌乱？试试这个简单法则

2月 17, 2020 分类: 视觉设计. 评论

大家在学习排版设计的过程中有尝试过剖析你喜欢的作品吗？比如模式化版式、逆推设计师的思路。这种逆推的思维在我们的精进过程中十分有效，可以让我们掌握思维和模式，所谓操千曲而后晓声，观千剑而后识器就是这个意[……]

阅读全文 »

使用4px网格设计，让设计还原更精准

6月 23, 2019 分类: 视觉设计. 评论

我用4px网格设计方法2年多了，也尝试着让我的团队使用这套方法论。如今，我终于克服了拖延症，决定在我的第一篇Medium文章中来探讨这个方法，并期望用这篇文章来获得一些大家的反馈。[……]

阅读全文 »

Material Design 之响应式栅格布局

4月 2, 2019 分类: 交互设计. 评论

Material Design 响应式布局栅格适应屏幕尺寸和方向，确保布局的一致性。[……]

阅读全文 »

WEB UI栅格化系统

11月 21, 2018 分类: 优秀设计资源. 评论

什么是栅格化系统，想必有经验的设计师都应该听说或者已经在使用了，特别是有经验的网页设计或 UI 设计师，都会有自己的一套栅格化技术。然而对于新手？按什么样的栅格标准来设计好呢？今天设计达人就为大家分享 WEB/UI 标准栅格系统库，用它来设计可让你的界面更标准、合理化哦[……]

阅读全文 »

网页排版对齐神器在 WEB 页直接嵌入栅格线 – graaf

2月 22, 2017 分类: HTML & CSS. 评论

当设计师把网页设计稿交给前端开发人员写代码后，页面往往与原稿有些偏着。前端人员写完页面后，还需要截图叠加到设计稿上，去看看偏差比率，这是很麻烦的事情。为了解决这个问题，建议设计师和前端人员看看今天分享[……]

阅读全文 »

超好用的网页栅格化工具： GridGuide

10月 31, 2016 分类: HTML & CSS, 设计工具. 评论 (1)

平面设计中使用栅格化设计是相当重要的，特别是网页和VI设计方面，在设计前都需要来好栅格，但是选择合适栅格和计算无疑是浪费了设计师不少的时间，然而当遇上今天的神器「GridGuide」在线工具，以后再也[……]

阅读全文 »

40个使用宫格式的网页设计（栅格化）

9月 2, 2011 分类: 设计作品. 评论 (1)

目前很多网站都流行使用宫格式的设计，即网上所说栅格化，也可以从960Grid下载一些已经布置好的栅格PSD源文件，使用这种方式来设计的网页都会比较整洁，尤其是门户网站，最好使用这些方法来设计，对你网站[……]

阅读全文 »

« 上一页

爱设计，爱分享。

如何用栅格系统构建优秀的响应式设计

为什么页面排版布局看上去凌乱？试试这个简单法则

使用4px网格设计，让设计还原更精准

Material Design 之响应式栅格布局

WEB UI栅格化系统

网页排版对齐神器在 WEB 页直接嵌入栅格线 – graaf

超好用的网页栅格化工具： GridGuide

40个使用宫格式的网页设计（栅格化）

推荐书籍

最新文章

大神推荐

标签