栅格系统 - 优设网 - UISDC

栅格系统

已发布文章 21 篇

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

经典的栅格系统到底该怎么用?本文用超多案例让你完全掌握这个知识点。

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

编者注:看过很多栅格系统的科普,还是看不懂?那本文绝对值得你花十分钟试一下!语言浅显直白,配图清晰易懂,保证轻松学会。 快速生成栅格系统的在线工具→ htt...

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

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

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

@UX-BOY :本文主要与大家分享如何利用栅格系统完成后台页面响应式设计,介绍响应式设计的思路与方法。 一、什么是响应式? 按照本人自己的理解,响应式就是...

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

@UX-BOY :关于栅格系统的文章不少,但鲜有专门针对栅格系统在后台设计中相关应用的文章。本文希望抛砖引玉,能引起更多同行的交流与讨论。 一、栅格系统的目...

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

一款 App 或 Web 产品,从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师,如果连「表现层」的内容都还一知半解就去盲...

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

今天跟大家聊一聊如何制定iOS的系统图标栅格系统的那些事。众所周知,在图标设计中都会使用统一的系统图标栅格系统。那么iOS的系统图标的栅格系统如何定制呢,这...

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

Z Yuhan : 我曾经很推崇 Material Design 的响应式栅格系统,花了不少时间去理解那几张复杂的图表和几张酷炫的动态示意。 可当真正需要用...

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

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

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

以前有很长一段时间,我一直搞不明白到底什么是栅格,听过很多解释之后还是云里雾里的,后来发现有很多小伙伴也都有这样的疑问,所以决定分享一下自己对栅格系统的理解...

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

作为设计师,就算你不使用栅格系统,那你也至少会频繁地接触到“栅格”这个概念。无论是设计网站、杂志,还是app,各类栅格应有尽有。但由于我最近接触到了“8点栅...

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

现如今,栅格已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感,他们是让网页变得更加和谐的基础。 但是,栅格存在的目的是帮你创造好...

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

编者按:互联网带来的变化是翻天覆地的,这种变化不仅仅表现在它对于外部世界、对于我们生活的影响,它本身的转变则显得更加巨大。而设计领域在互联网的影响之下,变化...

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

栅格系统这种东西和许多同类工具/素材一样,“系统”二字让它看起来无比高大上,而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单?看起来确实如此。不...

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

许多设计都将网格的建立作为设计Logo的第一步骤,网格系统可以助你保持视觉协调、美观、有条理,并明确设计的目标。那么到底LOGO网格是什么,有哪些常规样式,...

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

编者按:有很多刚入门的设计师并不了解网格系统,也不会利用网格系统来让画面更加有条理,更可以让内容更易读,实际上它是超级实用的工具,今天分享一篇基础教程,手把...
设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

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

微信扫码

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