向团队推荐摹客

注册

摹客精选

分享产品设计技巧、案例、资源、工具、新闻，
与你一起精进设计。

12个最佳的响应式网页设计教程，轻松带你入门！

如何让你的网站在其出现的任何设备和屏幕尺寸上能够完美的呈现？响应式设计完美的解决了这一难题，作为现在的网页设计师都应该了解响应式网页设计的原则。而对于刚步入网页设计的新手设计师，如果你还不了解什么是响应式设计？如何制作响应式页面？这篇文章为大家提供了12个基础的响应式网页设计的教程，结尾还附上了个人最喜欢的3款响应式网页设计的工具，轻松带你入门。1. What is Responsive Web...

5 min read
响应式网页图片库设计的九个注意事项

响应式设计无疑是当前网页设计领域当中，不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题，许多争论集中在响应式网站的图片应当怎么展示。继续延伸开来，那么响应式网站中的图片库应当如何设计呢？相比于单个图片，图库的展示无疑更加复杂，牵涉到的变量更多，所以实现起来也更加麻烦费神。接下来，我们来看看如果要设计响应式的图片库，有哪些值得注意的基本规则和技巧。 1、轮播幻灯片：尽量隐藏导...

5 min read
响应式网页设计案例分享

响应式设计让网页设计失去灵魂了吗？我们能否既让网页是响应式的，同时又拥有灵魂？· 我们得到的栅格系统、流动布局成为标配给我们带来了很多好处：1、用户在使用网页时感到熟悉、轻松；2、制作原型（相对）快速、简便；3、建站技术的高度标准化；4、快速的布局可以节约成本；5、严格的网格布局促成了响应式设计；这些标准化和组合技术带来了巨大的价值，无数的个人和小企业使用这样简单、吸引人（但不独特）...

5 min read
5个范例告诉你什么是自适应网页设计

移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？自适应网页设计的出现很好的解决了这个问题。这篇文章将带你了解一些关于自适应网页设计的基础知识和设计范例。一、理论基础：什么是自适应网页设计？ 2011年，网页设计师Aaron Gustafson在他的书《自适应网页设计》里率先提出了自适应网页设计的概念。 Adapti...

5 min read
响应式网页设计指南

1、如何理解响应式设计（RWD）响应式网页设计的概念最初是由Ethan Marcotte提出，从设计的角度引领我们思考：为什么一定要为每个用户分别做一套设计方案呢？是否可以有一种设计能够根据不同设备环境自动响应以及调整显示？特别是随着移动互联网的飞速发展，响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式 - 响应是双方的，是互动的过程...

5 min read
浅谈响应式设计与技巧

随着通讯技术的飞速发展以及各种移动设备的快速普及，使用移动设备浏览网页的需求变得越来越多。如何在不同尺寸的设备上以一致、合适的方式显示内容和布局，并且要兼顾开发的效率就成了所有团队绕不开的问题。响应式设计因此应运而生。响应式设计的概念响应式设计的概念最早由Ehan Marcotte在2010年5月份的文章 <响应式网页设计>中提出。他强调：页面可以根据用户的设备环境，包括系统，分辨率...

5 min read
设计1+2，摹客就够了！

全能设计协作平台，
产品经理用RP，UI设计师用DT
免费使用

电话咨询

咨询热线

工作时间：9:00-22:00

191 3067 1449

在线客服

需要帮助？

我是小摹，你的7*12小时产品顾问

立即扫码加入官方微信群