今天介绍的HTML5 UP! 提供大量的HTML5 模版,而且这些模版都支持响应式网页设计,有了它我们就不用从无到有、从头到尾来打造一个网站,而是直接就现有的样版去做修改或调整,让建网站难度降低许多,也减少花费的时间和开支。来收!
因为自适应网页设计在开发上较为繁琐,一般很少免费提供下载的网站,但 HTML5 UP! 收录一系列共 28 种网页设计,通通都是 HTML5+CSS3 并有响应式设计功能,网站采用的授权方式为 Creative Commons 姓名标示 3.0,也就是说你可以自由分享、修改这些模版,唯独需要保留网页里的姓名标示(Attribution)。
如果你喜欢这位设计师的作品,那可在 Pixelarity 网站找到更多模版下载,不过这网站是采用订阅计费方式,最便宜方案为每三个月 $19 美元,可自由下载所有的网页设计。
HTML5 UP!
STEP 1
HTML5 UP! 网站提供的模版都具有一定的质量,使用的图片大多为免费图库而来,采用的是 CC0 授权,一般来说要放在网页上、或者置换掉都没有问题。从网页里可以点选任何一个设计的 Live Demo 进行实时预览,或者 Free Download 免费下载。
STEP 2
HTML5 UP! 的实时预览(Live Demo)功能蛮好用的,除了可以让你实时操作网页、查看整体效果外,从左上角还能切换不同大小屏幕,例如桌面、平板计算机、手机,就能实时看到「响应式网页设计」效果。
这是其中一个模版 Strata 在桌面浏览器的呈现效果:
切换到平板计算机时,屏幕宽度虽然缩小,但可以发现网页设计没有太大变化。
一旦切换到手机大小,网页就自动缩成一行,不过依然保持原有的设计,并且能够正常显示网页上的内容,这就是自适应网页设计的特色。在 HTML5 UP! 里提供的样版皆支持自适应设计,喜欢的话点选右上角的 Download 即可免费下载!
STEP 3
下载时不用注册、也无须登录任何数据,可以的话,记得顺手帮 HTML5 UP! 按个赞,或是加入追踪,让这个网站可以被更多人看到。
【优设酷站22连发!】
- 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
- 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
- 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
- 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
- LOGO下载+字体下载:《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
- 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
- CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
- 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
- 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
- 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
- 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》
原文地址:free.com.tw
【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
LoRA模型训练
已累计诞生 637 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓