V
主页
【Bento Grids 网页排版】连 APPLE 都爱用的创意排版,还不赶快来试看看!
发布人
▬▬▬▬▬ 🏆️ 精选系列 🏆️ ▬▬▬▬▬ 如何架站系列 ➜ https://space.bilibili.com/1322340543/channel/seriesdetail?sid=544956 优质主机挑选 ➜ https://space.bilibili.com/1322340543/channel/seriesdetail?sid=539656 近年来,有一种热门的网页排版方式,叫做 Bento Grids,许多知名企业像是 Apple、Windows 都在使用这种排版方法。 Bento Grids 取名和设计灵感参考日本便当盒 Bento Box 的概念,就像便当盒中不同食物的分区一样,将不同内容放在不同方块内,创造简洁、有创意的网格系统。 这种排版方式用于网页或是平面设计都很实用,稍后我将详细介绍 Bento Grids 是什么,以及它的优点,并分享一些使用案例让大家参考,帮助你快速认识 Bento Grids。 ▬▬▬▬▬ 💡 相关教学&资源 💡 ▬▬▬▬ Bento Grids(整个网站都是 Bento Grids,网页、平面设计皆有)➜ https://bentogrids.com/ Awwwards(需搜关键字 Bento Grids)➜ https://www.awwwards.com/inspiration_search/?text=bento%20grids Dribbble(需搜关键字 Bento Grids)➜ https://dribbble.com/search/bento-grids Givingli ➜ https://www.givingli.com/ Procreate ➜ https://procreate.com/ Alfread ➜ https://alfreadapp.com/ ▬▬▬▬▬ 💬 关注我们 💬 ▬▬▬▬▬ 犬哥网站 ➜ https://frankknow.com/ 犬哥数位(网页设计&主机代管服务)➜ https://frankknow.co/ 犬哥星球 ➜ https://frankknow.net/ 犬哥 IG ➜ https://www.instagram.com/wp.dog 犬哥 FB 社团 ➜ https://www.facebook.com/groups/frankknow
打开封面
下载高清视频
观看高清视频
视频下载器
【Figma 视差效果】滑鼠追踪互动效果,惊艳的制作教学!
【Figma 设计教学】制作网页载入动画,有趣的流动效果!
【Webflow 入门教学】 无须懂程式码,打造令人惊艳的网站!
厌倦了传统网页? 8 个惊喜的互动式网页,重新点燃你的热情!
如何搭建博客 ?建立博客网站+ WordPress 网页设计教程(快速入门)
购物网站设计:RWD 网页设计教程+制作建置流程(2022 全自订义)
【Figma 效果教学第二弹】动态环形文字效果!轻松做出商品折扣动画!
【WordPress 免费博客主题】7 款优质部落格主题,开始经营个人网站!
文章列表页,如何客制化排版|Elementor Loop Builder(新工具)
【Figma 网页教学】动态按钮设计,制作流畅的转场效果!
2024 网页设计趋势大解析!想赢在起跑点必看!
一键套用 1000+ 网页设计版型,轻松制作专业级网站(完全免费使用)
我开始用 AI 设计 Logo 了,零基础也能学得会(完整流程公开)
Rank Math 教程:最佳 WordPress SEO 优化插件+关键字营销(优化技术)
我开始透过 ChatGPT 制作网站了(效率提升一倍的方法)
公司官网设计 :制作品牌官网+网站形象|手把手独立站建置
【作品集网页设计】建立印象深刻的履历,获得更多面试机会&案件|Bridge 主题实战
如何登录 WordPress 网站到 Google Search Web 管理员工具(网页登录)?
RWD 响应式设计是什么?手机、平板排版好看的必备观念(完整教学)
13 个 Hero Section 排版设计分享,赶快手刀收藏使用吧!
【WP Rocket 教学】强大 WordPress 快取外挂,提升网站速度超有感!
WooCommerce 电商教程:低成本商城网站制作+安装搭建(多类型商品上架)
Elementor AI 诞生!网页设计的新时代,真的来了吗?
【一页式网页设计】网路行销模板,免费版型套用(Divi 主题)
型录网站怎么做?不想显示加入购物车按钮和价格的方法(YITH 免费版&付费版外挂教学)
Divi Supreme 功能介绍!玩 Divi 必备外挂之一,安装后直接越级打怪!
免费仔看过来!超强展示商品、作品集的神级 Mockup 软体!不能只有我知道!
上传网站图片前,需要知道的 N 个流程? (加快网站速度须知)
Figma-ComfyUI插件终上线!
WordFence Security 教程:强大 WordPress 网站安全插件(完整设定)
如何找出网页用的字体? Fonts Ninja 字体搜寻神器,设计师的救星!
【新 Canva AI 功能】让 AI 助力创作,轻松打造惊艳作品!
如何设置 301 重定向?可用在网站流量搬家,保护你的 SEO 排名位置! (含 404 网址导向教程)
制作电商网站:如何搭建品牌商城+设计教程|WordPress 架设网站
MailChimp教程:电子报订阅+EDM 营销(WordPress+WooCommerce)
Figma设计从复刻到发布 | attio
Figma 教学来了!设计界的新宠儿,用它实现精美滑块效果!伙伴们上车啰~
【Bluehost 主机教学】最省钱的优质主机,新手自架站的好选择(完整申请攻略)
免费 Logo 设计制作:品牌官网设计(形象标志+网站配色)
Figma组件集制作,一个按钮控制所有状态