菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计素材
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
栅格布局 话题
首页
设计文章
栅格布局
可商用图库
收录25篇文章
经验
收录25篇文章
教程
收录22篇文章
App改版
收录24篇文章
场景设计
收录23篇文章
UI
用7大章节,帮你从零开始学会栅格系统
本文用7个章节,从栅格的定义到栅格的应用、制定等多个方面,帮你掌握栅格系统的运用。
2022/07/21
ui设计
UI
B端设计指南:网页布局方式科普
今天就来聊聊栅格在实际工作如何使用,以及产品之间究竟有何区别。
2021/12/16
B端设计
UI
万字干货!从4个方面完整解析栅格设计
本文主要介绍等距栅格,从概念、结构和设计上更有效解决栅格问题。
2021/11/11
响应式
UI
8000多字!超全面的栅格系统入门手册!
栅格系统不是令人「谈之色变」的超高深技巧,而是设计界约定俗成且广泛运用于平面设计及产品设计领域的设计工具。在涉及到组织信息的工作内容时,合理的使用栅格系统能够从设计效率、设计质量、多角色设计协作等多方面推动设计师的工作。
2021-03-30
ui设计
UI
如何定义栅格?来看京东的实战案例!
栅格其实就是我们常规理解的网格,从基础的作文本,再到围棋棋盘,都有栅格的身影。设计师该如何定义栅格呢,本文用京东的实战案例为你说明。
2020-08-25
京东设计
UI
用超多案例,帮你掌握栅格系统的布局设计
如何根据设计目标选用合适的栅格化布局?本文通过多个案例深入研究,从 3 种布局方式以及栅格用法来了解如何进行栅格系统布局设计。
2020-05-11
UI
教程
看不懂不会用的栅格系统,这篇帮你彻底掌握它!
经典的栅格系统到底该怎么用?本文用超多案例让你完全掌握这个知识点。
2019-05-17
彩云译设计
教程
新人来收!10分钟帮你掌握栅格系统基础知识!
编者注:看过很多栅格系统的科普,还是看不懂?那本文绝对值得你花十分钟试一下!语言浅显直白,配图清晰易懂,保证轻松学会。
2018-12-24
入门
UI
基础知识!UI设计师需要掌握的栅格设计原理和技巧
编者按:本文适合对栅格系统不熟悉的新人阅读,大量的配图和深入浅出的阐述可以让你快速理解什么是栅格系统。马小晴:我们都知道在平面设计里,运用网格辅助设计,可以让页面富有统一的秩序感和韵律。在网页设计里,我们也需要视觉表现出统一性和一致性,让页面更加专业和系统化;但同时,网页设计相对于传统平面设计也更强调动态化、体系化的思考。
2018-11-22
入门
UI
超全面总结!如何利用栅格系统做响应式设计?
@UX-BOY :本文主要与大家分享如何利用栅格系统完成后台页面响应式设计,介绍响应式设计的思路与方法。一、什么是响应式?按照本人自己的理解,响应式就是通过合理的设计方案配合规范的技术实现策略,使同一个 Web页面在各个终端(设备)不同分辨率屏幕上都能有最佳的用户体验。
2018-10-04
后台产品设计
产品
超全面!栅格系统及其在后台设计中的应用总结
@UX-BOY :关于栅格系统的文章不少,但鲜有专门针对栅格系统在后台设计中相关应用的文章。本文希望抛砖引玉,能引起更多同行的交流与讨论。一、栅格系统的目的栅格系统在页面排版布局、尺寸设定方面给了设计者直观的参考,它让页面设计变得有规律,从而减少了设计决策成本;栅格化提高了页面布局的一致性跟复用性;避免了设计师与开发者在细节上的反复沟通确认,从而提升了整个设计开发流程的效率,并能帮助开发者实现较为理想的设计还原。
2018-09-01
栅格工具
交互
让设计更高效!正式为大家安利这个好用的「8点栅格」
作为设计师,就算你不使用栅格系统,那你也至少会频繁地接触到“栅格”这个概念。无论是设计网站、杂志,还是app,各类栅格应有尽有。但由于我最近接触到了“8点栅格”,并对其产生了极大兴趣。
2017-03-03
栅格
交互
网页设计中,如何突破栅格的限制又保持协调?
现如今,栅格已经几乎是所有网页设计的基础。这些隐形的线条创造出空间的节奏感和视觉的流畅感,他们是让网页变得更加和谐的基础。但是,栅格存在的目的是帮你创造好的设计,当你开始逐渐适应栅格的存在,千万不要被它束缚住。
2017-01-22
栅格
下载
网页的脊梁!20款素质过硬的响应式CSS栅格系统
栅格系统这种东西和许多同类工具/素材一样,“系统”二字让它看起来无比高大上,而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单?看起来确实如此。
2015-09-24
css
教程
揭秘!让作品秒变高大上的LOGO网格全方位科普
许多设计都将网格的建立作为设计Logo的第一步骤,网格系统可以助你保持视觉协调、美观、有条理,并明确设计的目标。那么到底LOGO网格是什么,有哪些常规样式,使用网格的好处以及如何使用等问题,今天来一一说清楚。Logo网格为何物?
2015-08-27
ICON
前端开发
最热门工具推荐!为响应式网站而生的40款栅格神器
@陈子木 精致华丽的设计风格正被灵活巧妙的响应式设计所替代。现如今,更加流畅、更讲究交互的响应式网页模板,正在高速进化。响应式设计革命正在悄悄发生,改变着整个网页设计的发展趋势。
2014-04-25
栅格工具
教程
淘宝设计师经验分享:App的栅格试验
这里专门说一下关于WAP App的栅格设计。以下相关都是基于一淘H5和一淘App总结得出。最近这个超火:《设计师新宠!
2014-03-05
App栅格设计
酷站推荐
超赞!26个精彩的网格布局网站欣赏
@happysha 现在大量网页设计基于网格布局。虽说人们通常注意不到它,但杂乱无章的布局时代确实已经过去了,现在是整齐结构化的天下。无论从理论、美学和整齐来说,这样的布局都很好平衡。
2014-01-07
栅格布局
教程
高手之路!如何有效布局信息繁杂的网站?
互联网信息时代,很多内容为主的网站都信息过载,这导致了载入速度过慢。电商网站如此,新闻类网站也是如此,而一些设计师作品集网站或者设计机构的网站也是如此,老实说,作为设计师,应该避免信息过载现象的出现。而一旦你掌握这些技巧,那么你离高薪酬的资深设计师也就不远咯。
2013-09-24
优秀网页设计
没有更多文章了
大家都在看
用户体验
文章 878
立即查看
字体设计
文章 352
立即查看
职场经验
文章 188
立即查看
App设计
文章 264
立即查看
设计规范
文章 203
立即查看
B端设计
文章 160
立即查看
平面设计
文章 425
立即查看
UI
文章 145
立即查看
经验分享
文章 5006
立即查看
优设读报
2022年08月14日 星期日
01
阿里巴巴普惠体更新:加入繁体中文、日文和韩文
02
微信发布公众号头像新规范:烦人的小红点、角标被严禁
03
小米科技创始人雷军发布年度演讲,多款小米新品亮相发布会
04
国家电影局:联合猫眼、淘票票等平台发放 1 亿元观影消费券
05
微软表情首次开放下载,1545 个表情均可商用
查看全部
UX Coffee 专访
谷歌设计师给你带来不一样的设计专访
查看专题
专题
已有47.1w位观众
已收录
22
篇持续更新
过去十年,我每年都至少失败一次——专访阿里产品经理苏杰
20861 人阅读
那些让你无法自拔的游戏们是怎么做出来的?专访网易游戏设计总监邵堃
21010 人阅读
细节
新版「抖音」可以和好友同步刷视频了?
越来越多的产品团队都在思考如何结合产品特性,来解决用户对「陪伴感」的需求。「抖音」和很多视频App一样,在最近更新的版本中也新增了「一起看视频」的功能,实现了可以和好友同步刷抖音的体验。在喜欢的短视频界面,点击屏幕右侧的「分享」图标,就可以在列表中找到「一起看视频」的功能入口了。
2021-04-06
AmberDu小白
互动
设计问答
全部问答
吃货小哥哥小姐姐,求推荐武汉好吃好喝的地儿,地儿,地儿…
邀请你来回答
就是要你自己去吃过的,然后价格合适的那种
我来回答
优设琅琊榜
查看全部
2.6w
1/9
拿奖拿到停不下来!让大呲花的作品带你穿越时空
🌟大呲花🌟
一米八四大高个,又高又帅又幽默
设计神器
全部神器
全方位实用测评!2款超强的免费样机生成器对比!
神器推荐
现阶段应该学习 Blender 还是 C4D?来看完整分析!
神器推荐
又一个在线抠图神器FocoClipping!三秒出图全自动超方便!
神器推荐
离线使用适配超多软件!超过13万个免费图标的设计插件「Pichon」
神器推荐
课程
爆款课程!零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度,才够接私单赚钱?
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格?
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
UI设计师
北京
学历不限
1-3年
15k-25k
文案策划
武汉
学历不限
1-3年
6k-10k
交互设计师
北京
本科及以上
3-5年
25k-50k
查看全部
行业新闻
发布行业新闻
平面设计必看!盘点 16 个常见的招牌字类型
行业新闻
菌小宝×潘虎,来自外太空的礼物
品牌资讯
可持续发展设计奖杭州论坛完美落幕,共赴低碳生活
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题