栅格系统 - 优设网 - UISDC

栅格系统

已发布文章 21 篇

  1. 首页
  2. 文章
  3. 栅格系统
1 / 2 到第 页

看不懂不会用的栅格系统，这篇帮你彻底掌握它！

2019-05-17    推荐：    37135 人阅读   
阅读全文 →
经典的栅格系统到底该怎么用？本文用超多案例让你完全掌握这个知识点。

新人来收！10分钟帮你掌握栅格系统基础知识！

2018-12-24    推荐：    50533 人阅读   
阅读全文 →
编者注：看过很多栅格系统的科普，还是看不懂？那本文绝对值得你花十分钟试一下！语言浅显直白，配图清晰易懂，保证轻松学会。 快速生成栅格系统的在线工具→ htt...

基础知识！UI设计师需要掌握的栅格设计原理和技巧

2018-11-22    推荐：    35899 人阅读   
阅读全文 →
编者按：本文适合对栅格系统不熟悉的新人阅读，大量的配图和深入浅出的阐述可以让你快速理解什么是栅格系统。 马小晴：我们都知道在平面设计里，运用网格辅助设计，可...

超全面总结！如何利用栅格系统做响应式设计？

2018-10-04    推荐：    37846 人阅读   
阅读全文 →
@UX-BOY ：本文主要与大家分享如何利用栅格系统完成后台页面响应式设计，介绍响应式设计的思路与方法。 一、什么是响应式？ 按照本人自己的理解，响应式就是...

设计细节揭秘 学有所思 查看全部>>

超全面！栅格系统及其在后台设计中的应用总结

2018-09-01    推荐：    41112 人阅读   
阅读全文 →
@UX-BOY ：关于栅格系统的文章不少，但鲜有专门针对栅格系统在后台设计中相关应用的文章。本文希望抛砖引玉，能引起更多同行的交流与讨论。 一、栅格系统的目...

饿了么高级设计师：界面视觉设计 5 要素

2018-04-11    推荐：    32420 人阅读   
阅读全文 →
一款 App 或 Web 产品，从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师，如果连「表现层」的内容都还一知半解就去盲...

UI 新手福利！iOS系统图标栅格系统全方位解密

2018-01-04    推荐：    31476 人阅读   
阅读全文 →
今天跟大家聊一聊如何制定iOS的系统图标栅格系统的那些事。众所周知，在图标设计中都会使用统一的系统图标栅格系统。那么iOS的系统图标的栅格系统如何定制呢，这...

基础小科普！3种国内外最常见的响应式栅格

2017-11-27    推荐：    14330 人阅读   
阅读全文 →
Z Yuhan : 我曾经很推崇 Material Design 的响应式栅格系统，花了不少时间去理解那几张复杂的图表和几张酷炫的动态示意。 可当真正需要用...

高手的平面课堂！网格系统的入门基础知识+案例演示

2017-05-22    推荐：    53193 人阅读   
阅读全文 →
很多同学反馈看不懂网格系统，也不知道应该怎么用，所以优设特意邀请了平面高手@研习设K先生 为大家写一篇网格系统的入门基础知识，附上案例演示，相信看完这篇你绝...

新手科普文！每个设计师都该懂的栅格系统基础六要素

2017-04-23    推荐：    34609 人阅读   
阅读全文 →
以前有很长一段时间，我一直搞不明白到底什么是栅格，听过很多解释之后还是云里雾里的，后来发现有很多小伙伴也都有这样的疑问，所以决定分享一下自己对栅格系统的理解...

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

2017-03-03    推荐：    27156 人阅读   
阅读全文 →
作为设计师，就算你不使用栅格系统，那你也至少会频繁地接触到“栅格”这个概念。无论是设计网站、杂志，还是app，各类栅格应有尽有。但由于我最近接触到了“8点栅...

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

2017-01-22    推荐：    26341 人阅读   
阅读全文 →
现如今，栅格已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感，他们是让网页变得更加和谐的基础。 但是，栅格存在的目的是帮你创造好...

翻天覆地！带你总结互联网设计圈这十年的巨大变迁

2016-09-01    推荐：   
阅读全文 →
编者按：互联网带来的变化是翻天覆地的，这种变化不仅仅表现在它对于外部世界、对于我们生活的影响，它本身的转变则显得更加巨大。而设计领域在互联网的影响之下，变化...

网页的脊梁！20款素质过硬的响应式CSS栅格系统

2015-09-24    推荐：    18950 人阅读   
阅读全文 →
栅格系统这种东西和许多同类工具/素材一样，“系统”二字让它看起来无比高大上，而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单？看起来确实如此。不...

揭秘！让作品秒变高大上的LOGO网格全方位科普

2015-08-27    推荐：    52180 人阅读   
阅读全文 →
许多设计都将网格的建立作为设计Logo的第一步骤，网格系统可以助你保持视觉协调、美观、有条理，并明确设计的目标。那么到底LOGO网格是什么，有哪些常规样式，...

设计师版式宝典！从零开始教你掌握网格系统

2014-09-20    推荐：    91974 人阅读   
阅读全文 →
编者按：有很多刚入门的设计师并不了解网格系统，也不会利用网格系统来让画面更加有条理，更可以让内容更易读，实际上它是超级实用的工具，今天分享一篇基础教程，手把...

热门专题 查看全部>>

170009人看过 10篇文章

交互控件

这个控件叫什么？

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。
查看专题
139587人看过 5篇文章

深色模式设计指南

从官方规范到实战经验应有尽有！

自从苹果和谷歌发布深色模式以来，国内各个大厂也纷纷跟上，并在此探索过程中总结了许多参考价值极强的宝贵经验。本专题不仅收录了苹果和谷歌的深色模式官方设计规范，更有腾讯阿里等大厂的实战经验总结，让你掌握这个最流行的知识点！
查看专题
img

设计培训

优设超人气零基础课程，UI设计、手绘、产品课程等。访问预约
img

细节猎人

设计总监喜欢看的频道！捕获产品细节之美。立即查看
img

优设专题

最具含金量的干货文章合辑，你想看的都在这里。点击学习
img

找灵感

强悍！还怕没灵感？这里藏了大家都在用的新鲜灵感库。戳我戳我
界面设计 设计圈干货 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流