2024年优秀中国网页设计 篇1
H5案例网站其实有非常多，我们只要找到几个更新速度快内容全的网站作为主要查看案例的网站就可以了，否则看多多了反而会浪费时间，其它网站没收录的好的那几个网站一般都收录有，在这里我将从更新速度和完整指数出发，分析网站的推荐指数。
数英网
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★★★
数英网是一个汇聚能量和发散能量的互动媒体平台，除可以搜到新鲜的H5案例外，网站还涵盖了创意、设计、文案、营销、技术、互联网等多方面的内容，为营销人补充行业知识，激发观点交流。
这里聚集了营销、新媒体、电商、互联网及无线互联网等数字领域人才，用户注册并经过认证后可以在网站上发布文章和项目，因此网站内容在更新速度上比较快，一般比较优质H5会及时更新。
亮点：案例很多，可以查看不同行业不同领域的优秀案例。每篇文章都有该案例的介绍文案及H5截图，图文最后可以对案例评分，在搜索卡片可以看到案例的出品方和制作方。
H5案例分享
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★★★
H5案例分享是北京简豆科技有限公司做的网站，该网站旨在让产品经理,宣传策划,设计师,技术开发工程师,新媒体,爱好创意的小伙伴快速了解H5案例,并从创意角度和技术角度讨论H5案例。
亮点：可以直接在页面上方搜索案例名称或关键词，快速找到相关案例。点击进案例页面后，每一篇都会从策划、设计和体验上分析该案例的亮点，并给出案例所使用的技术，案例最后有本案例的标签，点击任一标签就可以搜索出跟标签相关的其它H5。
此外，登录该网站后还可以直接发布案例，集众人之力，所以网站在更新速度和内容完整性上也是杠杠的。需要分析或深入了解案例的小伙伴们，小守在这里强烈推荐这个网站。
THEWAP哇呸网
更新速度：★★★★
完整指数:★★★★
推荐指数：★★★★
亮点：THEWAP哇呸网是一个以收集优秀创意H5分享平台，该网站最大的亮点是可以按照案例发布的时间、阅读数和推荐指数排序，还可以按照案例的类别、行业和色彩进行搜索，需要参照H5的主色调或行业的小伙伴们，哇呸网是个不错的选择。
同样，哇呸网也可以由用户自主提交案例链接，不足之处是案例详情仅有二维码和截图，没有相关分析，也看不到案例上传的日期。
H5DOO
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★★
亮点：H5DOO号称搜索全网实时H5精选作品,内容较为完整。亮点在于可以分行业、功能、风格和特效搜索案例，详情页最后还可以看到相关作品，不足之处是页面布局相较其它网站有点丑。
未来应用
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★
亮点：未来应用是H5定制开发与H5页面案例共享平台，该平台最大的亮点是每个案例详情页内都会有该案例的估价，网站可以由用户自主提交案例，因此更新速度较快。
爱果果
更新速度：★★★★
完整指数：★★★★
推荐指数：★★★
亮点：爱果果iguoguo是一个专门从事酷站收藏、酷站欣赏、网页设计推荐、UI推荐、优秀UI素材下载的网页设计分享网站。网站对H5的案例的分析等方面并无突出亮点，但案例的更新速度和内容完整性整体上也不错。
H5创意汇
更新速度：★★★
完整指数：★★★
推荐指数：★★★
亮点：H5创意汇是H5创意分享平台，该网站的特点是可以按照行业、场景用途、品牌公司、节日祝福、炫酷玩法、风格特点等分类，在其它方面亮点不多。
意派Epub360
更新速度：★★★
完整指数：★★
推荐指数：★★
亮点：意派Epub360是一个H5在线制作网站，网站上更新的案例该网站制作出来的H5作品，在更新速度上较快，但作品的质量和完整性不好，作品较低级，初学者可以上该网站看看获取灵感
iH5
更新速度：★★★
完整指数：★★★
推荐指数：★★★
亮点：iH5与意派Epub360一样同为H5在线制作网站，该网站上作品的质量较高，不少作品浏览量达到十万量级。
无非创意
更新速度：★★
完整指数：★★
推荐指数：★★
亮点：无非创意是H5定制网站，案例都是该公司自主制作，因此更新速度和完整性都较差，优点在于该公司的作品质量都较高，可以欣赏借鉴。
总结：H5案例分享的网站其实非常多，我列出来这些可能也并不全面，但刷屏级的H5毕竟不可能多如牛毛，大家只要收藏几个比较好的网站就好啦。
2024年优秀中国网页设计 篇2
学习UI设计和web前端属于两种分类，一个是设计师是不用写代码的，偏重于设计，一个是网页前端开发，偏重于代码编程，还是要学习很多开发代码知识的，比如html，js，css，h5等，这些都是网页开发的必备知识，其次还要学习各种成熟的端框架，比如jquery，easyui，extjs，vue，Angular，Bootstrap，Node.js，React.js等等。在学习这些内容之前取决于你是想要一些参考素材网站还是想要一些教学资料网站，如果是素材网站就比较多了，设计方面比如千图网，千库网，包图网，花瓣网，ui中国，学ui网，致设计，一起学设计，优阁网等。web前端，比如17素材网，W3Cschool，前端学院，runoob.com，h5之家。也建议多看看论坛，博客园，csdn，希望对你的学习有所帮助。
2024年优秀中国网页设计 篇3
作为设计师，收集素材，寻找灵感，欣赏优秀设计，提高设计能力，是一项非常重要的工作！以下列举设计师十大必备设计网站，看看你常用的有哪些呢？
1、46设计网 www.46design.com
致力于为网页设计师提供设计思路，设计方法，设计技巧的网页设计师网址导航网站。
2、花瓣网（http://huaban.com/）
“花瓣网”帮你收集、发现网络上你喜欢的事物。用户可以将网上看见的一切信息都保存下来，简单上手，玩味无限。花瓣网是一家“类Pinterest”网站，是一家基于兴趣的社交分享网站，网站为用户提供了一个简单地采集工具，帮助用户将自己喜欢图片重新组织和收藏。
3、站酷网（http://www.zcool.com.cn/）
“站酷网”聚集了中国绝大部分的专业设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。现有注册设计师/艺术家200万，日上传原创作品6000余张，3年累计上传原创作品超过350万张。是中国设计创意行业访问量最大、最受设计师喜爱的大型社区。
4、优波设计（http://ubuuk.com/）
全球优秀的知名设计网址导航为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等全方位设计师网站导航指引。
5、牛大拿设计师导航（https://www.niudana.com/）
精选国内外优秀 UI/UX网站、灵感创意网站、素材资源网站。
6、求字体（http://www.qiuziti.com/）
以后不用再到处苦苦问高手和大神了，找这个网站就行啦~
7、SDC设计师网址导航（http://hao.uisdc.com/）
资源下载，设计教程，高清图库，配色方案，界面设计，网站导航，酷站推荐，灵感创意，字体设计，行业名博，交互设计，摄影美图等，应有尽有！
8、古田路9号（http://www.gtn9.com/）
国内专业品牌创意平台，以品牌为核心，集创意作品分享，活动招聘发布，广告推广，正版字体素材下载等多元化的交流分享平台。
9、pinterest（https://www.pinterest.com/）
采用的是瀑布流的形式展现图片内容，无需用户翻页，新的图片不断自动加载在页面底端，让用户不断的发现新的图片。
10、设计癖（http://www.shejipi.com/）
是一个帮助你「发现好设计」的网站，Pinterest堪称图片版的Twitter，网民可以将感兴趣的图片在Pinterest保存，其他网友可以关注，也可以转发图片。索尼等许多公司也在Pinterest建立了主页，用图片营销旗下的产品和服务。
这些设计师必备网站，你收藏了吗？
2024年优秀中国网页设计 篇4
首先我可以明确地回答你：从优秀的网页中，是可以学到PPT设计技巧的。
举例说明：这是我在网上浏览新闻的时候看到的一张网页。我觉得这个网页就有很多值得我们学习的PPT设计技术。接下来我一一为你拆解分析一下：
❶ 这就是一页合格的PPT
整个版面，你就可以把它看成是一页PPT：上端这个红色的条目，就是导航式标题页，下面蓝色的「国内」二字，就是二级标题。左边文字部分和右边的图片部分，就是PPT的正文部分。
❷ 「国内」二字有玄机
对于正文部分左上角的「国内」两个字，很多PPT初学者也会这么放，只不过他们在一般就直接把文字往那一放就完了，不会再做其他修饰，但是如果你这么处理，整个版面就会略显单调。在这个地方，设计水平高一些的设计师，就会对「国内」二字做一些处理，像上面这个作品中，设计师先对国内加粗并用了比较商务范的蓝色，旁边还加了一个浅灰色的英文单词和箭头做修饰，放完这个之后还没完——在整个标题的下面，还加了一条淡淡的灰线。有了这条灰线，标题和正文部分就区隔开了，整体看起来就会更泾渭分明。对于右边的「国内图片」这个标题，也是一样的道理，直接单放一个标题，很单调，但是稍微加条直线，让直线跟图片左对齐一下，再在旁边加文字，整个看起来就舒服很多。
❸ 对齐文字也可以层级分明
接下来我们再把注意力聚焦到上面这个作品正文部分的左边，左边是一堆句子的排列。首先我们得说，这几个句子看起来是比较清爽的，为什么清爽？一方面是因为左对齐，另一方面因为句子长度差不多，当然还有一方面原因就是因为句子与句子之间的间距控制得不错。
这里总共有12个句子，其中第一个和第七个句子，都做了加粗处理。为什么要加粗？因为是重点新闻，提醒读者特别关注。在这个地方，大白提醒大家特别注意一个事情：我们在平时设计PPT的时候，这种加粗设计也可以用在层级的区分上。比如加粗的两个句子是上级标题，不加粗的句子分别是标题下面的下级内容。我平时在改学员PPT作品的时候，我发现很多学员为了特出要点与要点的层级性，往往会通过下级标题空两个的方式来处理。每当这个时候，我就会告诉他们，大可不必！对齐要点，通过加粗的方式，照样可以让版面的的要点之间层级分明。
❹ 对齐文字也可以层级分明
版面右边的三张图片，在排版上也是有好几个可以说道说道的地方：首先，三张图片之间对齐排列在了一起。其次，整个图片区与文字区之间，也是遵循了上下对齐的原则。最后，请大家点开图片仔细看一下，表面上看起来，在每个图片下面有一段黑色的文字，其实你要仔细看，就会发现在文字的底下，是有一层浅灰色的矩形背景的。这个背景跟图片的边际完全对齐。这样一来，相当于把把黑色文字部分框了起来，好处是什么呢？这部分文字注释区域与图片也做到了严格的对齐。如果你去了这个灰色的条目，参差不齐的文字跟图片之间摆在一起，整齐性就不够，美观度就受损。所以，这个不起眼的浅灰色矩形背景，也对整个作品的美感起到了不可忽视的作用。
所以你看吧，一张简单的网页设计，有这么多值得说道的地方，但凡我们能够把隐藏以上提及的这几条设计原则和技巧都应用到自己的PPT设计中去，你做出来的PPT，铁定就会好看很多！
_________________________________________
没错，我就是那个喜欢说大白话的PPT演讲教练大白，其他事情我可能不擅长，但教你做好PPT演讲，我还是十拿九稳的。我的微信公众号是「跟大白学PPT演讲」，如果你想做出好看的PPT，想带着PPT去拿下各式各样的公开演讲，别害羞，直接通过微信公众号大胆地来找我。
2024年优秀中国网页设计 篇5
插画
01
Flow Lava
https://flowlava.club/
一个免费的插画库！
02
Open Peeps插图库
https://www.openpeeps.com/
60万个手绘人物插图库，免费可商用
03
undraw
https://undraw.co/illustrations
这是一个插画网站，每幅画都是作者自己话的不定时更新，大多都是扁平化PNG图。
04
Tim Ruffle
http://www.timruffle.com/
插画设计-提供丰富的原创动漫、插画、动态漫画等，各种非常有创意的作品集合
创意
01
abduzeedo
https://abduzeedo.com/
设计灵感网站。涵盖建筑、图书、品牌、设计以及其他领域，除了看到这些精彩的作品外，你还能看到作品背后的创作过程。
02
BODIES IN MOTION
bodiesinmotion.photo
BODIES IN MOTION 是英国著名的设计师、摄影师、雕塑师斯科特·伊顿的网站，旨在记录人体动态姿势的力量和美丽。
03
Creativen Boom
https://www.creativeboom.com/
《Creativen Boom》是英国的一家成立于2009年创意行业杂志，以艺术，手工艺，设计，插图，摄影为重点，其中插画专题栏介绍。介绍了大量插画类别的优秀内容，每一个插画专题点进去都有对插画师的介绍，以及插画背后的故事，可以激发你的想象力。
艺术
01
Colossal
https://www.thisiscolossal.com/
展示各类艺术作品，雕塑、绘画甚至科技创新也有涉及。
02
Artparasites – How Art you today
http://www.artparasites.com/
柏林艺术网站，聚焦城市艺术。作品与都市生活息息相关，一个风格独特的艺术网站。
03
streetartutopia
https://streetartutopia.com/
街头艺术乌托邦 ，展示世界各地的街头艺术。
04
American Art Collector
https://www.americanartcollector.com/
美国艺术杂志，包含世界级藏品的解析。
素材
01
pngimg
http://pngimg.com/
一个很优秀的免抠PNG图片网站，
上面收藏了近8W的免抠素材，
直接下载就可以使用。
02
stickpng
https://www.stickpng.com/
StickPNG 是一个免抠背景图片的素材网站，网站所有图像都是已经去背景，无需再次抠图，同时这个网站拥有多种流行常用的分类资源，目前已有数28000+张透明 PNG 背景图像免费下载。
03
iconstore
https://iconstore.co/
IconStore 是一个提供一流的免费图标包素材的站点，汇集了很多优质的icon素材，设计师可以自由下载使用，适用于网页设计、移动端设计等，所有的素材都是由设计师自愿分享的，发布日期、尺寸、数量、文件类型、所属设计师等信息比较详细。
04
Flow Lava
https://flowlava.club/
一个致力于帮助网页设计师、产品设计师寻找最优秀的网页素材、优秀代码、免费字体及其他各种资源的站点
网页
01
awwwards
https://www.awwwards.com/
Awwwards是一个专门为设计精美bai的网站以及富有创意的网站颁奖的du网站，Awwwards上的获奖网站来自zhi全世界优秀的网页设计dao师之手，网站每天评选出一个“Site of the Day”。如果你想学习国外优秀设计网站的设计思路，可以从Awwwards找到大量的实例。
日本风
01
Flow Lava
https://flowlava.club/
Webデザインリンク集：一个日本的优秀网页赏析网站，非常精美
02
Cinra
https://fcinra.net
日本网站，分享设计师专访，帮助了解设计师思维演进过程
03
Straightline
bm.straightline.jp
这是一个收藏日本优秀的商业、企业、创意、艺术、购物等领域的网页设计集合网站，风格包罗万象，非常值得一看。
04
日本デザインネットワーク（日本设计网）
https://www.japandesign.ne.jp/
这个网站包含的门类较多，有艺术、图形设计、建筑设计、建筑、映像、照片、媒体设计、时尚、娱乐等等，还有关于日本各大学学生的毕业作品展，它是一个制造、使用、思考人的设计信息网站。通过这个网站你可以找到其他与之相关的设计类网站，如同泉水源源不断，而且不需要翻墙就可以浏览，很棒的！
05
日本デザインセンター（日本设计中心）
Nippon Design Center, Inc
https://www.ndc.co.jp/
这个网站，网页简洁，不像国内的一些网站，满网页密密麻麻的，还时不时冒出个网游广告和色情小广告啥的，比如淘宝，眼花缭乱的，看着都烦，更别说购物了。这上面主要是一些设计方面的作品，包括建筑、室内、平面、工业等等。个人觉得非常不错，开眼界，推荐给大家，此站不需要翻墙也可以浏览，但是打开较为缓慢，最好是翻墙看吧。如果不懂日文也没关系，网页右上角可以切换成中文页面。
06
日本设计网
デザイン情報サイト[JDN]
https://www.japandesign.ne.jp/
该设计网站包含诸多门类，可以给各行各业的设计师们提供灵感。通过这个网站还可以找到其他与之相关的设计类网站，超方便！
更多艺术留学知识关注公众号：KDA课达艺术空间
2024年优秀中国网页设计 篇6
我自己用图片网站已经五六年了，
用过的素材网站有：
我图网、昵图网、千图网、千库网、花瓣网、包图网、图虫网等
个人说说看法吧：
我图网、昵图网、千图网开过会员400永久的会员，可是本来是利他的心，也加了一些素材群，大家秉着互相帮忙的心态，帮人下点东西，弄了个淘宝 代下载，结果就被我图网给封号了。
这些网站是比较老的素材网站，图片、ppt模板等比较全，收费也比较贵。
如果你是UI设计师，就给你推荐花瓣网，很多UI设计师喜欢用这个网站。
我个人喜欢千库网，因为里面有大量的免扣素材，大家都知道作图，最浪费时间的就是抠图，这个网站会员费单个类目，几十块一年，勉强能接受，出来两年了，不过越来越贵了。也有PPT/PSD等素材，相对，看中的是免扣元素。
包图网上面如果是剪辑视频、音频的，这个网站还不错，里面大量的音频、视频元素素材。
图虫的话也是新出来的，和今日头条合作，里面图片逼格比较高。
具体哪个好用，因人而异，天下功夫不分好坏，只看内功的好坏。里面不开会员的话，都可以每天免费下载几个。想要下载的更多的话，就要付费了。个人建议，如果你是专门从事这块的，还是开个会员比较好，我不是做图片网站推销的，只是觉得长期做，开个会员帮自己节省时间，精力。毕竟话费很多时间去做出一个图片，效率也是不高的啊，而且这些网站里面大量的模板，如果你的ps 技术不是很好的话，也至少保证你做出来的图片不是特别丑。
好吧，我们再来说说完全免费的素材网站吧，而且是无版权的很好的图片网站。
1
https://pixabay.com/zh/
2
https://unsplash.com/
3
https://www.pexels.com/
4
https://gratisography.com/
5
https://picjumbo.com/
6
https://www.lifeofpix.com/
以上都是国外的网站，打开的速度可能慢点，但是里面的图片质量都还是很高的哦，最主要的是各大设计师、摄影师做的，而且对于新媒体运营来说是免费的、无版权的。