找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 553|回复: 1

[杂谈] 怎样才能使响应式网页设计更完美

[复制链接]
发表于 2015-7-15 09:57:56 | 显示全部楼层 |阅读模式 来自 中国–广东–广州–天河区
响应式网页设计很流行,而且绝无秘密可言。行家们倡导,各品牌趋之若鹜。这不仅是创建一个移动端站点,而是让你的网站设计适用于每种浏览器尺寸,不论桌面端、平板还是智能手机响应式设计的秘诀,是创建一个不论大小尺寸都美观的网站。在点开你的设计软件着手动工之前,你需要考虑很多。这是个额外步骤,最终成品却总能证明它的价值所在。很明显,设计师若不考虑响应式设计,网站就会倾向于呆板无趣设计师绝对有必要保持自己的创意贯穿整个响应式站点。鉴于更多人在使用平板和智能手机,你总希望保证每个人都能访问你的网站。这里有一些提示,可以帮助你在设计响应式网站的同时,保持创意和高效
1. 使用绝妙的字体
对于响应式网站,你不得不考虑它在小屏幕上看起来如何。好的字体是所有优秀网站的重头戏,然而它在响应式设计中,却几乎成了必需品。随着屏幕减小,大部分元素都应该变化、缩小或者移动位置。首先,也是重中之重,你的字体要具备这种能力
第二,你得用不同标题尺寸和多种文字大小。如今,我们在桌面端设计中常常使用巨大的标题和页头。这点不必延续整个网站,因为你总得考虑更小尺寸。确保你使用FitText这类插件来缩小字号就好,它很管用

2. 使用精彩的图片
和文字排版一样,图像在任何网页设计中都至关重要。在响应式设计中,当你在更小的屏幕上查看网站,你的图片应该相应更小或等比缩放,这点也和文字相同。响应式设计中有成百上千种不同布局和图片尺寸。注重图片的选择和使用,因为它们毫无疑问会发生变化。随着屏幕变大或变小,图片会改变形状和展现方式,或被裁切掉一部分
理想情况下,你会希望确保窗口尺寸变化时,大幅摄影图片不会有任何裁切。另外,在你制作图像时,必须保证你的作品加载速度快,而且对小尺寸屏幕可见。这就是为什么设计师推崇扁平设计,它使得这点更容易

3. 不要忽视导航
如果人们不知道如何浏览你的网站,那他们就直接不浏览了。响应式网页设计的导航更难处理,因为我们已经习惯于为横向设计打造导航。如今,我们得创建能够轻易压缩以适应纵向规格的导航
只有少量链接时这并不是大问题。你可以将你的导航变小或缩至顶部,也可以为访客提供一个下拉菜单。主要问题是该如何处理包含更多内容的繁重导航

4. 使它好玩
点击网上的链接,在看见页面之前,你很可能要坐等内容加载。精确地找到“下一页”按钮来浏览更多内容也非常令人讨厌。这类的事情并不好玩,也不直观
注重细节并使你的网站更加直观,会令你的网站更值得分享。想想在所有尺寸的浏览器上使用同一个网站会是怎样。想想你执行一个操作时网站应该如何反应。找到这些问题并修复它们,你的网站用起来就会很容易、好玩和直观,同时也使它更有趣点!

5. 跳出条条框框
如果其他办法都没效果,那就发挥创意吧。响应式设计并不意味着要束缚我们的创作方式。总有实现创意的空间,无论通过代码还是设计
文章内容由广州网站建设http://www.1-qi.com 翌启互联 编辑整理

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2015-7-15 17:10:18 | 显示全部楼层 来自 中国–河北–石家庄–辛集市
恩恩网页设计很重要的

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-27 05:45 , Processed in 0.051717 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表