时尚、大气的响应式网站设计作品
在国外，做网站的一般都需要兼容平板、移动手机等设备浏览，而这个解决方案就是使用响应式设计技术，虽然有很多优点，但制作这个并不容易，比较难的就是排版的变化，比如菜单、banner、文字大小等等都需要考虑。以前你设计只考虑一个分辨率的界面设计，现在就是考虑多个了。如果制作这类的网站，建议多来设计达人网查看响应式设计的网站作品来获取灵感，我们时刻的关注国外优秀的酷站、优秀个人设计博客等网站，并把优秀的作品一一整理下来供设计师们学习和参考，是你获得灵感的最佳选择。
更多响应式网页设计
《20+适应性网页设计欣赏》
《33个强大的Responsive wordpress模板》
《30个自适应宽度网站推荐》
响应式网页设计工具、框架
《25个适合自适应布局的jQuery插件》
《响应性网页设计资源及框架工具》
《10个响应式设计的导航菜单源码-附教程》
UIG Studio
UIG’s工作室网站设计简约，使用红色为网站的点睛色彩。
Designzillas
Designzillas是个响应式设计网页，当你的屏幕是手机分辨率的时候，网站的LOGO变成怪兽头像，很可爱。
Squarespace – Create Your Own Space
Squarespace 网站界面的设计使用了一些把物化元素，增加整体视觉效果，但是图片的文件大小实在太大了。
INSTNT with RTT
这网站使用的技术确实够前卫了，响应式、HTML5\CSS3等技术运用得非常熟练。
MoreSleep
MoreSleep是一个创意机构网站
Specsavers Spectacle Wearer of the Year
这个响应式网页像使用了流布局插件一样，改变屏幕大小的时候列和方格宽度都会自动改变，但不影响浏览。
Luke & Allie’s Wedding
这是Luke Shomo用来记录他的婚礼而制作的一个响应式设计网站，婚姻是人生大事，如果你有兴趣，也可以尝试用一个网站来记录下你的婚礼点滴、感悟，记它永久保存下来。
WNDRMNT
WNDRMNT 网站背景使用黄色多边设计风格，视觉效果很不错。
M2Film
Melbourne Designer + Developer
Gc Watches
使用黑白照片来作为banner的网页设计现在越来越多，你可以参考这里《21个使用黑白照片的网站设计欣赏》
LOOP Digital Agency
Black Pearl Farms
通过滚动视差效果来展示图片，主要目的是使用这些图片来讲述这个品牌的故事。
5 Jobs at Octave & Octave
GRISCHEK.COM
之前在HTML5和CSS3的网站也分享过这个了，大家再次欣赏一下吧。
MADE BY FIBB
papiroga
Enjoythis
Precision is my Inspiration
可以看出，一般响应式设计的排版都比较简约，留白空间较大，这样比较容易自适应屏幕。
WORKS Medical Sport Center
Kinhr
DubbelFrisss
herrlich media
LOFT City Church
Super Sync Sports
Barrel
20个优秀的响应式设计HTML5网站模板
这里有很多优秀的HTML5网站模板，而且是响应式设计，非常不错，值得下载学习。
via:dysdesign blog
推荐书籍
-
艺术的故事艺术与审美入门之书 -
DON'T MAKE ME THINK设计师必看 -
《移动应用UI设计模式》手机APP设计 -
《设计心理学 全四册》高阶技能！ -
JavaScript权威指南(第5版)只能说牛X -
《见微知著》Web用户体验入门书籍
Archives
- 2023 年 4 月
- 2022 年 10 月
- 2022 年 9 月
- 2021 年 7 月
- 2021 年 6 月
- 2020 年 6 月
- 2020 年 5 月
- 2020 年 4 月
- 2020 年 3 月
- 2020 年 2 月
- 2020 年 1 月
- 2019 年 12 月
- 2019 年 11 月
- 2019 年 10 月
- 2019 年 9 月
- 2019 年 8 月
- 2019 年 7 月
- 2019 年 6 月
- 2019 年 5 月
- 2019 年 4 月
- 2019 年 3 月
- 2019 年 2 月
- 2019 年 1 月
- 2018 年 12 月
- 2018 年 11 月
- 2018 年 10 月
- 2018 年 9 月
- 2018 年 8 月
- 2018 年 7 月
- 2018 年 6 月
- 2018 年 5 月
- 2018 年 4 月
- 2018 年 3 月
- 2018 年 2 月
- 2018 年 1 月
- 2017 年 12 月
- 2017 年 11 月
- 2017 年 10 月
- 2017 年 9 月
- 2017 年 8 月
- 2017 年 7 月
- 2017 年 6 月
- 2017 年 5 月
- 2017 年 4 月
- 2017 年 3 月
- 2017 年 2 月
- 2017 年 1 月
- 2016 年 12 月
- 2016 年 11 月
- 2016 年 10 月
- 2016 年 9 月
- 2016 年 8 月
- 2016 年 7 月
- 2016 年 6 月
- 2016 年 5 月
- 2016 年 4 月
- 2016 年 3 月
- 2016 年 2 月
- 2016 年 1 月
- 2015 年 12 月
- 2015 年 11 月
- 2015 年 10 月
- 2015 年 9 月
- 2015 年 8 月
- 2015 年 7 月
- 2015 年 6 月
- 2015 年 5 月
- 2015 年 4 月
- 2015 年 3 月
- 2015 年 2 月
- 2015 年 1 月
- 2014 年 12 月
- 2014 年 11 月
- 2014 年 10 月
- 2014 年 9 月
- 2014 年 8 月
- 2014 年 7 月
- 2014 年 6 月
- 2014 年 5 月
- 2014 年 4 月
- 2014 年 3 月
- 2014 年 2 月
- 2014 年 1 月
- 2013 年 12 月
- 2013 年 11 月
- 2013 年 10 月
- 2013 年 9 月
- 2013 年 8 月
- 2013 年 7 月
- 2013 年 6 月
- 2013 年 5 月
- 2013 年 4 月
- 2013 年 3 月
- 2013 年 2 月
- 2013 年 1 月
- 2012 年 12 月
- 2012 年 11 月
- 2012 年 10 月
- 2012 年 9 月
- 2012 年 8 月
- 2012 年 7 月
- 2012 年 6 月
- 2012 年 5 月
- 2012 年 4 月
- 2012 年 3 月
- 2012 年 2 月
- 2012 年 1 月
- 2011 年 12 月
- 2011 年 11 月
- 2011 年 10 月
- 2011 年 9 月
- 2011 年 8 月
- 2011 年 7 月
- 2011 年 6 月
- 2011 年 5 月
- 2011 年 4 月
- 2011 年 3 月
- 2011 年 2 月
- 2011 年 1 月
- 2010 年 12 月
- 2010 年 11 月
