2024年优秀网站ui设计 篇1
学习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年优秀网站ui设计 篇2
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年优秀网站ui设计 篇3
明明可靠颜值吃饭，却偏偏要靠才华立身，UI设计师就是这样一群神奇的物种。面对“大的同时小一点”、“五彩斑斓黑”、“下班之前给我”……这些甲方大大刁钻的需求，设计师每天都在咬牙微笑讨生活。你可以批评我的作品，但是不能质疑我的业务能力。这是设计师的底线。
言归正传，设计师们做UI设计和交互设计、界面设计等一般会去什么网站呢？我挑选了12个非常实用的设计网站，既有大家众所周知的又包含一些比较小众但是干货满满的网站，涉及素材资源站、字体设计网站、以及动效、视频素材网站等等，希望小编的推荐能对大家的学习和工作有所帮助。
推荐一：UI中国
网址：https://www.ui.cn/
推荐理由：作品优质，不需要梯子，国内UI交流必备平台，而且还有很多的教程文章可以学习。只要你是一名UI设计师。每天站酷、UI中国一定要看一看。
推荐二：站酷
· 网址：http://www.zcool.com.cn/
· 推荐理由：国内设计平台，没有任何梯子需求，可以在首页看到当前动态和当前的国内资讯，非常的全面，内容优质，可以看到一线大公司的分享，全面。是学习设计、提高审美的小伙伴每天必看的网站之一。
推荐三：dribbble-追波
· 网址：https://dribbble.com/
· 推荐理由：设计师的后花园，当前潮流设计必看网站，网站结合了设计师核心输出产物，完美复合当前市场流行趋势，非常不错的设计参考网站。
推荐四： UI-Cloud
· 网址：http://ui-cloud.com/
· 推荐理由：国外UI素材搜索引擎，提供大量的PSD源文件免费下载，制作灵感和UI设计的灵感网站，可以下载到免费的源文件，可以商用。所以制作灵感必备，最主要的是免费的用途。需要制作可以试一试。
推荐五：找字网
· 网址：http://www.zhaozi.cn/
· 推荐理由：找字网提供大量的中英文字体，中文字体大量版权收费的情况下，试试英文字体也是不错的选择，而且可以很快的下载到好看的字体。设计提高必备网站。非常推荐字体设计一定要观看制作。
推荐六：网页设计师联盟
· 网址：http://www.68design.net/
· 推荐理由：网页设计的优质网站，可以快速找到网站设计灵感和分享文章，国内专业网页设计人才基地，网站设计最新的规范和制作思路一定要去看一下网站上面的内容。
推荐七：优设网
· 网址：http://www.uisdc.com/
· 推荐理由：一个非常好的教程平台，由一线设计师，总监制作，所以还是干货满满的网站，可以了解到国内的制作思路和一些制作小技巧，学习软件的一个很好的网站，技法提升很不错的一个地方。
推荐八：花瓣
· 网址：http://Huabanpro.com
· 推荐理由：设计采集平台，制作灵感和什么提高的网站，网站可以找到你想到的美感和类似的参考，国内设计师必备网站，前一阵因为一些事情所以关了一阵，这一阵花瓣归来。你想要的花瓣回来了，继续你的采集之旅吧。
推荐九：C4D之家
· 网址：http://www.c4d.cn/
· 推荐理由：C4D学习网站，上面很多C4D内容分享，教程分享，和C4D的源文件分享，学习C4D需要上的网站，可以快速帮助制作结果，可以得到前沿资讯和插件。
推荐十：千图网
· 网址：http://www.58pic.com/
· 推荐理由：千图素材品质包装，永远紧跟行业发展和实时动态的素材，平台制作必备网站，可以下载到非常好看的素材修改使用。所有平面内容都可以找到。
推荐十一：包图网
· 网址：https://ibaotu.com/
· 推荐理由：包图网和千图网类似的两个网站，但是一个是平面一个是视频的网站，做视频的一定知道包图网，因为我们可以很快的找到想到的素材和帮助我们快速完成视频制作。
推荐十二：JVshi
· 网址：https://www.vjshi.com/正版素材
· 推荐理由：国内很多素材都是盗版没有版权的，在使用的时候总会想版权的事情，但是JVshi解决你的所有问题。正版优质保证，商用无后顾之忧，商业产品推荐网站。
2024年优秀网站ui设计 篇4
给你推荐几个常用的网站：
1、站酷，国内最大的设计师网站，里面优秀的作品很多。
2、UI 中国，国内算是不错的 UI 设计网站。
3、Dribbble，全球最有名的 UI 设计网站，不过里面的作品偏概念，可以了解设计趋势。
4、Behance，全球最有影响力的设计网站之一，Adobe 官方出品，里面的作品完成度更高，更具有实际落地价值。
5、Pinterest，全球最多人访问的设计灵感获取网站，里面各种设计类型都有，可以日常访问提升设计阅读量，培养设计审美。
6、https://www.invisionapp.com/ 这是一个国外的设计协同工具网站，但是里面的一些设计文章写得很不错。
7、Medium，国外最大的文章平台，里面有很多优秀的 UI 设计文章，值得多多学习。
8、Ant Design，由蚂蚁金服推出的 Web 端设计语言，组件完整，设计理念也比较有参考价值，值得好好学习。
9、Material Deisgn，由 Google 官方推出的设计语言，在设计圈备受推崇，内容含金量很高，但是学习量也非常大，值得静下心来研究。
10、http://www.awwwards.com/ 优秀设计网站的排名，可以理解为 UI 届的红点奖。更新很频繁，里面的设计页面都是比较有创意的，用来开发脑洞。
11、http://iconfont.cn/ 阿里官方的图标库，用起来很方便，可以大大提升设计效率。
12、https://unsplash.com/ 最好用的免费图库，里面的图片都是可以免费商用的，更新频繁，质量也非常高，适合平时做 UI 的时候拿来用。
暂时分享到这里，如果点赞高，我再更新，十来年的积累，大概有百来个网站吧。
2024年优秀网站ui设计 篇5
UI设计的定义是：用户界面设计。简单来讲，一切带屏幕的、可以和人互动的，都可以称为用户界面。比如我们用的手机界面、电脑界面、电视界面、银行ATM机、网站、APP等等。
一名优秀的UI设计师需要具备以下三种能力：
1. 软件技能：画图能力，就是能用设计软件，将低保真的原型图，翻译成高保真效果图。
2. 审美素养：美学能力，知道什么样的界面是颜值高的，并能用软件绘制出来。目的是让产品颜值高。
3. 逻辑思维：核心能力，能理解产品的抽象逻辑和想法，以及用户场景和用户心理，并应用到界面视觉信息呈现、页面之间的交互关系。目的是让产品好用。
2024年优秀网站ui设计 篇6
UI，英文全称是User Interface，也就是用户界面。网页设计也是属于UI的一个范畴，只是承载的平台是电脑这样的大屏幕显示器。
从设计角度来说，这两者都是属于视觉设计的一部分，所以也不存在好和不好。从薪资前途来说，现阶段移动端界面设计确实是要薪资高一些。
网页设计和移动端界面设计比较大的区别就在于，网页设计更加侧重视觉和表现，而移动端界面设计很多时候也是需要兼顾到交互设计和用户体验设计，当然我不是说网页设计不考虑。就我目前接触到的，网页设计在这方面的需求比较小，主要是大部分的公司在网页设计上不太重视交互和用户体验层面。这一点就看楼主是只想做视觉，还是想要兼顾交互和用户体验。
未来，网页设计也是很有前途的，不论是做网页视觉设计，还是去做小程序设计，都是比较有前途的，所以可以根据自己实际情况考虑。
近两年来，各大企业对UI设计的要求也越来越高了，同时网页设计和移动端界面设计也越来越融合，所以到最后，如果入行了，还是极有可能都要学的，都要会的。
2024年优秀网站ui设计 篇7
做设计这一行，可以说是一门艺术，每一个作品都是要通过设计师殚心竭力的创作才能完成。灵感和天赋这种东西我们难以控制，但给大家找一些UI设计的素材，供大家学习参考还是可以的~国内的1.UI中国(www.ui.cn)
听名字大家应该就能知道，这是一个大型的，专业的UI平台，可以说网站的用户绝大部分都是专业的UI设计师。网站上有很多行业大佬，他们分享的最新最潮的作品在上面，其实整个网站更像是一个大型的UI设计师们的交流论坛。无论是对于新入门的小白还是初有成就的职业UI，这个网站都是值得收藏和参考的。
2.站酷(www.zcool.com.cn)
虽然小编自己是比较少用这个网站的，但是江湖上关于它的传说还是听说了不少。听说站酷是一个很酷的网站——嗯，页面设计的确比较酷，很多暴走漫画的类似粗犷风格。而且上面有很多比较“特别”的大神，并且该网站总是会举办一些比赛，大家都可以积极参与，多多和其他设计师交流，对自身的成长是有很大帮助的。3.花瓣网(huaban.com)
花瓣网是偏向女性古风，唯美风格的，比较大众化，使用的人也有很大部分不是设计师，但是图片素材还是特别好的，有关键字搜索，非常方便，大家没事也可以逛逛找找灵感。4.Awwward(www.awwwards.com)
一个外文的网站，全英文，所以浏览者需要会英文。但是UI设计是一种国际性行业，很多时候行业的流行趋势也从外国流行起来的。这个网站最好的地方在于你可以从中看到很多最新的行业资讯，标准等等，对工作是有力的帮助。5.behance(www.behance.net)
一个致力于展示和发现创意作品的网站，页面和awwward很相似，首页是小板块的设计展示，会有显示点赞次数和查看次数，可以实时关注热度比较高的素材，对UI的时尚脉搏能很好地把握。但是有一个小的弊端就是图片加载比较慢，浏览起来体验不太好。6.设计导航(hao.shejidaren.com)
压轴给大家推一个大招,一个神秘的综合性的素材网站，其中包括了前面我推荐的所有网站的入口。妈妈再也不用担心开那么多网站找灵感会导致电脑卡啦，打开一个即可!
这个网站就是——“设计导航”。名字是太平庸了，可以说作为一个用户大多数为设计师的网站，这个页面设计也真的不敢恭维。但是真的满满当当全是网站入口和素材，仿佛看到一个宝库!上图大家自行感受一下!
7、盒子UI（www.boxui.com）
分享以用户体验为中心的设计
评：好像不开放用户发布文章，但上面作品真心不错，主推栏目是UI设计、交互设计及用户研究。8、优艾网（www.chinaui.com）
一家服务于全球UI设计行业专业人员和相关企业的网络媒体和专业UI设计服务提供商
评：早期影响力较大的老牌UI设计网站之一，但后来明显定位有误，人气也没那么旺了。9、UIRSS（www.uirss.com）
国内最具影响力的UI设计门户网站和垂直型社区
评：2012年改版后也红火过一段时间，但不知为何2013年感觉又停滞不前，有段时间首页推荐内容居然几个月没更新。国外1、dribbble（www.dribbble.com）
一个面向创作家、艺术工作者、设计师等创意类作品人群提供作品在线服务的网站。
评：大家都喜欢叫追波，发布作品必须有邀请码，入门门槛相对较高，这也保证了作品的质量。2、pinterest（www.pinterest.com）
分享、收集素材的综合性网站
评：瀑布流鼻祖，花瓣网应该也是模仿该网站而来（个人猜测而已）3、deviantART（www.deviantart.com）
是一个为艺术家展示各自作品、并交流讨论而设计的社交网络服务网站。
评：简称DA，作品涵盖面较广，质量也不错。4、Behance（www.behance.com）
著名设计社区，创意设计人士可以展示自己的作品，发现别人分享的创意作品
评：内容跟上面几个差不多，但内容分类索引较好。5、PSDbox（www.psdbox.com）
原创Ps教程，并归纳出比较适合初学者的部分
评：设计师入门必备啊。
如果你还没入门，最快的入门办法就是报个靠谱的培训班了，但千万别指望报完学习出来就是大师了，这不是一朝一夕的事，要摆正自己的心态，另外你在找培训班的时候也要谨慎些，多考察一下。千锋UI设计培训机构还不错的。全程面授模式教学，真实项目实战。全国十几个校区，口碑也不错。可以先去实地免费试听两周，亲身体验过再决定。