菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
网格系统 话题
首页
设计文章
网格系统
logo
收录29篇文章
笔刷下载
收录29篇文章
中文字体下载
收录28篇文章
Photoshop
收录25篇文章
引导页设计
收录26篇文章
平面
1.2w
想要用好网格系统,这8个小技巧你必须掌握!
留白和网格是任何设计的基础,一旦真正掌握并正确使用,网格将帮你设计出可靠且具有吸引力的设计解决方案。
2022/05/31
彩云Sky¹
平面设计
平面
3.7w
网格系统太难?试试这个新手也能掌握的简易版!
我根据自己的理解,想出了一个压缩版的网格系统,虽然不如原版严谨,但是绝对好用,而且能加深你对于结构思维的理解。
2022/04/05
C
平面设计
平面
4.4w
新手如何做好海报设计?试试网格这个神器!
网格系统是排版时常用到的一种设计工具,本文将带你正确理解网格对于海报设计的意义。
2022/03/18
夏花生er
排版
UI
2.0w
B端设计基础指南:网格系统
今天要聊的是关于网页设计的网格系统,为大家介绍网格系统的概念和应用。
2022/03/04
曲sir
ui设计
UI
3.9w
网格系统真是太好用了,6个方面帮你早点学会!
本文将从网格系统的基本概念介绍出发,逐步为大家讲解网格的作用以及使用方法。
2021/12/08
彩云Sky¹
12 网格系统
UI
4.4w
总监说 UI 不高级?试试资深设计师都在用的「间距设计法」
编者按:这篇文章出自 UI 设计师 Tess Gadd 之手,这篇文章结合她本身的设计经验,完整梳理了她关于 UI 当中「间距」的理解和关键的知识点,并且提供了丰富的延伸阅读。对于我们而言,了解一名 UI 设计师,最好的方法就是看他是怎么使用间距的。配色、字体、排版、图像通常在品牌设计指南当中,有非常具体的指引,但是间距的使用才更能考验设计师的技能。
2021/10/20
陈子木
ui设计
UI
1.8w
80%的设计师都摸不清,设计系统中究竟用几种网格?
一个设计系统中究竟存在几种网格间距?正好我之前参加过几次设计系统构建,因此把一些经验分享给大家。
2021-04-15
土拨鼠
网格布局
UI
1.6w
新人读物!帮你掌握网格设计的五种基础类型
本文从什么是网格、网格的重要性、网格的五种类型和使用网格的技巧,帮新人掌握网格设计。
2021-03-09
土拨鼠
网格基础
UI
2.8w
学会8pt网格系统,创建超强页面布局
为什么大家都喜欢用8pt的网格系统?有哪些好用的8pt网格系统小技巧?本文分享一点我的经验。
2020-09-15
布莱恩臣
4px网格设计
平面
5.9w
掌握这套网格排版技巧,版式不高级都难
本文详细科普了网格系统的历史、使用教程和相关神器,比较适合对网格不熟悉的新人小白学习。
2020-08-14
土拨鼠
网格基础
UI
4.3w
如何让你的设计看起来更高级?试试网格系统!
有时候我们看一个设计作品、会觉得整个设计看起来很高级,但是又说不上哪里高级,是结构还是细节?带着这个问题,我想从网格系统入手,帮你找到答案。
2020-07-01
阿芬
网格布局
UI
7.4w
这份上万字的指南,帮你学会用栅格系统构建响应式设计
在响应式设计中使用栅格系统是非常重要的,但实际项目中栅格系统到底怎么样运用呢?用一篇万字干货帮你掌握,如何利用栅格系统构建优秀的响应式设计。(文末附作者绘制的 5 套栅格系统库福利~)
2020-04-02
土拨鼠
ui设计
平面
5.6w
提炼14本书的精华,写下这份超全面的网格基础手册
新手完全看不懂的网格系统到底该如何学习?本文作者参考了 14 本网格相关的书,总结出这份适合小白入门的网格系统学习手册。
2019-08-21
土拨鼠
网格布局
UI
8.0w
如何利用网格系统科学地打造APP界面?来看网易高手的总结!
网易UEDC – 贺玉华 :本文将从网格系统的基本概念介绍出发,逐步探寻构建网格系统的必要性、网格系统的实际运用方法、以及使用网格系统可能遇到的问题。在视觉设计师设计一款 APP 的时候,最先要制定一套完善可行的设计规范,其中会详细定义颜色、文字、图标、结构、布局、间距等要素。但是很多设计师往往会忽视一个重要的东西,那就是网格系统的构建。
2018-10-15
程远
APP界面
平面
3.6w
超全面!值得新手学习收藏的平面设计版式法则大全
我们在日常的工作中是不是经常遇到以下的情况:一段信息或者一张图片应该排在页面什么位置合适?为什么排在这里?左边的设计还是右边的设计更适合这个项目?
2018-05-20
程远
对比
教程
5.3w
如何用「8点网格」来规范你的设计?看这篇好文!
8点网格流行有一段时间了,我最早知道这种设计方式是在看了谷歌的Material Design设计规范之后开始认识的。发现这种设计方式实在是太适合我这种理科出生的设计师了,所以在这里也给大家科普一下为什么要使用8点网格。看完本文你会学到:1. 8点网格系统的意义2. 为什么使用8点网格系统3. 8点网格系统的技巧有哪些什么是8点网格就是建立8点为一个单位的网格,所有的元素尺寸都是8的倍数。
2017-12-03
不一
经验分享
UI
5.5w
新手科普文!每个设计师都该懂的栅格系统基础六要素
以前有很长一段时间,我一直搞不明白到底什么是栅格,听过很多解释之后还是云里雾里的,后来发现有很多小伙伴也都有这样的疑问,所以决定分享一下自己对栅格系统的理解。首先我们必须要对栅格系统有一个基本的认知,我将这四个字拆分开成“栅格”和“系统”两个词来分别解释。关于栅格栅格是由网格演变而来的另一种说法,都是一个意思——格子,所以不要觉得栅格有多高深复杂,如果把他描述成格子,你还觉得它有多难理解吗?
2017-04-23
程远
栅格系统
交互
4.0w
网页设计中,如何突破栅格的限制又保持协调?
现如今,栅格已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感,他们是让网页变得更加和谐的基础。但是,栅格存在的目的是帮你创造好的设计,当你开始逐渐适应栅格的存在,千万不要被它束缚住。
2017-01-22
陈子木
栅格
下载
2.8w
网页的脊梁!20款素质过硬的响应式CSS栅格系统
栅格系统这种东西和许多同类工具/素材一样,“系统”二字让它看起来无比高大上,而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单?看起来确实如此。
2015-09-24
陈子木
css
教程
6.7w
揭秘!让作品秒变高大上的LOGO网格全方位科普
许多设计都将网格的建立作为设计Logo的第一步骤,网格系统可以助你保持视觉协调、美观、有条理,并明确设计的目标。那么到底LOGO网格是什么,有哪些常规样式,使用网格的好处以及如何使用等问题,今天来一一说清楚。Logo网格为何物?
2015-08-27
程远
ICON
教程
8.4w
高手之路!网页设计师应该知道的网格系统
今天我们来聊聊网页设计中的网格系统。网格确保了设计结构的组织分明、结构明晰。我们可以通过网格系统更好的打造设计的信息层级,让设计阅读起来更具有韵律感。
2013-09-28
ranger
960网格系统
没有更多文章了
大家都在看
职场经验
文章 158
立即查看
视觉设计
文章 175
立即查看
素材下载
文章 124
立即查看
酷站
文章 642
立即查看
界面设计
文章 154
立即查看
字体下载
文章 135
立即查看
配色
文章 157
立即查看
字体设计
文章 349
立即查看
经验分享
文章 4926
立即查看
优设读报
2022年06月30日 星期四
01
《外太空的莫扎特》发布了一组 IMAX 手绘海报,由黄海操刀设计
02
网易云音乐发布首款音乐社交 APP,通过音乐认识好友
03
知乎推出「学习」专区,上线免费正版职业教育课程
04
微软将终止支持 Windows 8.1
05
即日起取消通信行程卡「星号」标记
查看全部
大厂神器
顶尖团队出品,质量有保障
查看专题
专题
已有101.2w位观众
已收录
13
篇持续更新
微软官方最新的网站线上测试工具(支持IE全系列)
16593 人阅读
微软开源Sketch2Code,设计草图秒变代码
38523 人阅读
细节
「高德地图」让人惊喜的出行方式动态图标
打开「高德地图」App,当顶部Tab栏被切换到某个出行方式选项时,会出现相应出行方式的微交互小动效。为执行搜索的过程增添了不少小乐趣,也让每个选项信息通过可视化的图像变得更加清晰直观。从细节处提升产品的使用体验与个性。
2020-12-05
AmberDu小白
tab栏
设计问答
全部问答
找平面设计之类工作有没有自我怀疑过?
5.0k 设计师围观了该问题
在找工作的时候经常遇到已读不回你的招聘还有就是你发了作品之后就没回应了的那种,然后就是工资很低但是要你会的东西很多超出了设计的范围,搞得我现在觉得我可能不太适合做设计了都有点想不想从事设计了
我来回答
优设琅琊榜
查看全部
1.5w
1/9
喜茶设计师「痒」的Q弹插画故事
youngyinlao
痒的故事
设计神器
全部神器
效果更细腻!在线免费抠图神器「ImageMatting」
神器推荐
第四波!2021年12月精选实用设计干货合集
神器推荐
过稿神器!动效视觉堪比苹果宣传片的3D样机DesignCamera
神器推荐
快速把 WebP 转成 JPG/PNG 的免费图片转换神器!
神器推荐
课程
爆款课程!零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度,才够接私单赚钱?
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格?
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
文案策划
武汉
学历不限
1-3年
6k-10k
交互设计师
上海
本科及以上
3-5年
25k-50k
平面设计师
武汉
学历不限
1-3年
5K-10k
查看全部
行业新闻
发布行业新闻
设计赋能,共绘未来!2022 海南国际设计岛海口专场推介会成功召开
活动赛事
无科技,不广汽!“科技奔现”2022广汽科技日举行
活动赛事
超越流行的独特设计概念,艾戈勒上线名为“燃系列”的火山主题手表
新品推荐
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题