2024年手机网站设计欣赏 篇1
插画
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年手机网站设计欣赏 篇2
在建设手机网站的时候一定要记住,手机网站是一个小型网站,所以网站上的数据能精简就精简,能删除就删除,留下太多没有必要的信息反而会让网站打开速度过慢,导致用户会浏览到不想看到的信息,或者因为信息加载时间太长让用户没有兴趣浏览下去了,影响用户体验。那么,究竟如何来做手机网站呢?我们一起来了解一下吧!
1、隐藏导航栏
PC端站点因为数据很大,所以经常添加一些子导航栏,但是手机屏幕如果堆积了太多的导航栏反而不利于用户浏览网站。所有,手机网站要大量的减少导航栏,或者干脆把导航栏给隐藏了,将重要的、核心的几个导航栏放在显眼的位置,然后添加一个类似可以展开的按键,这样可以方便用户寻找其它导航栏。
2、删减硬广告
硬广告是指一眼就能看出来的广告宣传,这样的情况在很多PC端网站上都很容易看到的。因为PC端网站排版起来相对复杂,为了方便用户区分层级,在每一个层级中间往往会放入一个硬广告作为过渡,就像写文章用小标题区分是一样的。但是在手机端就是不行的,因为手机端的内容是有限的,不能添加太多的硬广告,否则会影响手机的加载进度,影响用户体验,所以添加一个聊天工具相对比较合适。
3、其它删减
PC端网站上拥有太多的引导性标签,如相关文章、推荐、Tag标签等。这些在手机上都是可以删减的,删减这些没有必要的内容可以减少因代码过多而导致网站打开速度过慢的问题。
4、能删则删
在手机网站中不要添加过多的特效,这种特效如果是没有用的就直接删除。对于CSS代码也一样,如果隐藏的信息太多,那么还不如不要了。这样的隐藏只是让用户不用一次浏览太多的信息,却并不能给搜索引擎带来好感。
2024年手机网站设计欣赏 篇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年手机网站设计欣赏 篇4
做设计这么多年,我一直在思考这个问题,也在思考中慢慢成长起来。做一个设计师容易,但是要做一个好的设计师真的很难,毕业这么多年,见过形形色色的设计师,出类拔萃的真的很少,下面我说说我的想法,仅供参考!
1、扎实的基本功
做设计其实跟画画是一样的,画画你要了解结构、层次、光影、对比等等。做设计也一样,特别是做一些合成海报时,最考验你的基本功了,一般设计师跟大神区别就在此。
2、精通设计软件
不管是你哪个专业的设计师,必须要精通设计软件,那是你的工具。要想把自己的想法表达出来,需要有工具来表现。
3、专业设计能力
要想做好设计,专业设计能力是根基,万丈高楼平地起,如果根基不牢,迟早会有垮塌的一天。设计师要想把自己的创意表达出来,需要具备全面的专业设计能力,只有这样才能够实现自己设计理念,完成设计作品。
4、创造能力
设计师要能够不断的创造和突破约定俗成的概念和思维,才能用已有的专业设计能力创造出与众不同的作品。
5、美学修养
美学与现代设计基本理论知识能使设计师拥有更加丰厚的美学修养,鉴赏能力的提高,靠设计师平时多方面的积累,平常多看看设计网站,欣赏欣赏别人的作品,这是一个慢慢修炼的过程。
总之,设计师是设计创造的主体,观察能力、创造能力和思维能力等是最重要的部分,也是做好一个设计的必备的条件。
2024年手机网站设计欣赏 篇5
系统学习肯定是要报班学习的。毕竟网上的东西都比较碎片化。建议看看线上培训,不耽误自己任何时间。可以看看腾讯课堂里面,里面有很多UI免费体验课程的。
腾讯课堂里面米你课堂UI课程是唯一被腾讯认证的课程可以搜索看看。免费听听体验感觉一下。享受老师一对一指点的。
解答一些疑问
第一点疑问:我要学习什么软件?
01.Photoshop (图像图形绘制工具)
一般用于界面UI,图标以及简单插画的运用工具
02.After Effects(动效设计制作工具)
一般用于界面交互和动效制作的工具
03.Axure (原型图绘制工具)
一般用于脑图以及低保真线稿图制作的工具
第二点疑问:UI到底涉及哪些内容?
01. App的设计以及交互动效设计
02. H5的策划以及设计
03. 官网的Redisign
04.公司宣传画册的设计
05. 形象的品牌设计等
06......
所以之前有朋友问我,UI到底是做什么的,我一时半会说不上来,因为涉及的领域很多,你做的东西也很多,当你涉及的方面多了,你自身的优势就体现出来了,你的价值也体现出来了。千万不要想着,“我去的公司肯定让我做喜欢的,我就专门做网页设计,等等”,这不太现实。
现阶段,我的建议是,查找出自身的擅长热爱领域,专攻一项达到极致,其他方面用来辅助你,就够用了。
第三点疑问:如何开始学习?
01.AE
针对第一点学习软件,在这一点继续强化一下。首先为什么说要学习AE,因为从2016年开始,大家应该都意识到一点,那就是微交互时代的来临。你单纯做的静态稿已经无法满足客户的需求了,你需要有一些有意思的验,也对用户层非常关键。
(作者:雨成同学)
怎么学?我的建议是看看:doyoudo 以及 站酷的高高手课程,首先,上面的课程对于你学习动效基础入门都是很大帮助的,当你学会了,在进行自己思维得尝试,会做出很多酷炫不同的东西,当然取决于不同的人,你必须下定决心学好来。
你要做的,是不断的分析大量的优秀动效,不管是概念还是线上,你必须掌握了强大的技能,才能在将来处理各种动效得心应手,有时候,思维到位了,技术不到位,也只是扯淡。不断的看,不断的分析,不断的练习,你就可以在动效这一块学的很好,体验做的很好。
02.Axure
这款软件是针对产品经理比较多的学习模块,对UI要求不大,但是这一个软件也必须是要接触的,可以方便和产品沟通,有时候自己也可以充当这一角色,对自身很大帮助。
首先想讲讲,一个优秀产品上线的流程
01.需求分析(产品经理或者客户)→ 02.交互原型设计(产品经理或UI设计师)→03.界面设计(UI设计师)→切图注释交接开发→修改→进入开发→测试→上线....
不同的企业会有不同的操作方式,可以看到,从第二步开始基本上都是UI设计师可以接手的领域了,你如果对Axure这款软件操作明白,就可以做出非常棒的交互稿,不论是上线产品或者是自己的概念作品,都有很大的逻辑上帮助,也能看出你的专业性。
有关Axure的学习路劲可以到人人都是产品经理网站查阅,软件本身难度不大,稍微学习一段时间和一些简单的交互,你就能吧这项技能做的很好。