2024年网页设计甘楠作品 篇1
其实日本的设计风格,在世界上可以说是还不错的,留白大胆,配色温柔。也有挺多著名的设计师,比如那个帮小米设计logo的原研哉,还有田中一光、杉浦康平等等。
我最近整理了5个日本设计网站和一份无印良品的PPT,跟大家分享一下,大家看看水平怎么样?
私 信回复【日本】,即可领取 网站合集和无印良品PPT!!!01 日本设计中心
http://www.ndc.co.jp
网页简洁,主要是设计方面的作品,包括建筑、室内、平面、工业等等。
这个设计作品,还是日本设计大师原研哉监制设计的,就是小米花天价请来设计logo的那位~
插画风格的还是挺有特点的!02 IO网
https://io3000.com/
我非常喜欢这个网站的排版和设计。网站包含了社会上的各种行业,相当于一个网站导航。
很多有趣的网站都可以找到,另外还有很多关于设计行业的网站,我已经找不到用什么完美的言辞来赞美了!
比如,我们可以选择进入一个日本幼儿园的网站:
甚至是一个大学的官网:
啤酒品牌官网:
很有趣不是吗?
私 信回复【日本】,即可领取 网站合集和无印良品PPT!!!
03 村上美学
http://www.shinchosha.co.jp/harukimurakami
这是日本新潮社为村上春树设立的官网,网页包括它的个人介绍、作品介绍等,网页制作的非常用心:
在这个网站,我们可以看到村上春树所有作品的封面装帧和插画,这对于书迷来说,真是太棒了!
04 设计回形针
http://www.webdesignclip.com
给人包罗万象的感觉,同IO站一样,整体网页布局新颖。
比较简洁的黑白双色文字排版:
又或者是一个银行的网页设计,是插画风格的:
还有这种杂志排版风格的页面:
私 信回复【日本】,即可领取 网站合集和无印良品PPT!!!05 网页设计汇总
http://bm.straightline.jp/
这也是个汇总网站,专门收集设计精美的网站,可以直接链接直达,怎么说呢,有点像像日本的站酷。
有很酷的页面:
也有色彩绚丽的页面:
这些网站我一逛就停不下来!
我们可以从5个网站中,了解到日本设计还是比较简约舒服,富有人文气息。
喜欢日本设计创作的朋友,可以在这几个网站寻找灵感。
同时,我这里有一份日本无印良品的PPT,是非常能体现日本典型设计风格的作品:
我会把上面的日本网站合集以及这份PPT,打包分享给你!获取方式:
2024年网页设计甘楠作品 篇2
插画
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年网页设计甘楠作品 篇3
鼠标右键别人作品用浏览器打开→鼠标右击→检查(审查元素)取决于浏览器,建议学前端的话统一用谷歌浏览器。
以上步骤结束在电脑屏幕就会出现两部分区域,代码块和作品块。这个时候,鼠标移到作品中你想了解的位置,单击左键,就会有相应的数据显示在代码区域。以上步骤完成,呈现出的代码就是鼠标点击网页区域的html盒子布局及css定位边距等信息。这个时候,把盒子一层一层打开,细细琢磨,基本就能从中多少获得一些收获。记得要多练,光看不练是IT域大忌;
2024年网页设计甘楠作品 篇4
明明可靠颜值吃饭,却偏偏要靠才华立身,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年网页设计甘楠作品 篇5
网页设计与平面设计都是出于艺术设计,虽然核心的东西差不多,但是网站设计和平面设计还是有很多不同的地方,那么我们网页设计与平面设计的区别在哪?
一、在于视觉的呈现
两个设计在色彩方面的选择都是不一样的,平面和网页的设计时用的色彩模式都是不同的,平面页设计在创意是运用的色彩在其注重视觉的冲击力及视觉流的引导,网页设计注重的是信息结构,简洁明了关系的梳理,如果将色彩运用的过重过多过强,这样会很容易引起用户浏览时的视觉疲劳感。平面设计因为后期的实现是因为要依赖于印刷,才能展现在用户体验的视觉中,所以必须采用的是CMYK的色彩模式;而网页设计是根据其显像方式,在互联网上展示出真实的视觉,所以使用的是RGB色彩模式。
二、在于展现的形式
平面设计的的展示方式是静止状态的,而网页设计是拥有许多动态的元素,包括按钮、表单、导航等等。在视觉上也较为丰富,没那么死板,这样才能够引导用户有继续看下去的可能性,增加用户的互动性。
三、在于视觉的焦点
平面设计的完整性较强,用户在一页内基本上可获得相对直观的感受。而网页设计受制于显示屏大小,会尽可能将重要信息在第一屏内予以展示,因此完整性相对较弱。
四、在于排版的设计
在内容传播上,平面设计仅限于纸质媒介,传播力度小,因此在内容排版上的灵活性受限于纸质印刷尺寸的大小。而网站设计则可以灵活出现于各种电子产品载体当中,如桌面显示屏,智能手机、平板电脑等。而且随着互联网科技的发展,自适应页面技术日趋成熟,同样的内容,在不同尺寸的浏览器下都可以获得最佳的排版效果,加强了网页内容排版的灵活性。
五
、在于浏览的方式
平面设计的属于渐进式的浏览方式,无法对整个浏览的过程进行多样化串联,网页设计拥有滚动条下拉、按钮链接跳转等多样化的浏览信息方式,在拥有同样一种信息架构的条件下,信息之间的串联性更为丰富,用户选择信息的自由度更大。
这里主要介绍了网页设计与平面设计的技术性差异。从设计范畴来说,网页设计接近于平面设计,甚至说,网页设计是平面设计的一种也不为过,但是网页设计确实有其独特性,比如网页设计的设计空间、设计模式,与平面设计就有很大的不同。
这两种设计形式拥有着不同的用户体验,我们应该根据不同设计内容,选择正确的设计形式提升用户体验。
2024年网页设计甘楠作品 篇6
您好!很高兴回答您的问题!
一、平面
平面设计是这三种设计里最“古老”的专业了,可以说平面设计是一切设计的鼻祖,学任何设计都绕不开它。因为所有的设计理论比如配色,排版,字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的,因为除了要了解基本的设计技巧以外也要了解材质,工艺等,不同的工艺和材质出来的效果也是千差万别,甚至在预算上都会差出好几个层级。
1.1载体
平面的载体在三类专业中算是比较多的,最常见的就是纸了,当然纸也分为了很多种,最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册,单折页,海报,杂志,名片等。这里关于名片多说一句,很多人说名片那么小的尺寸,如何才能有设计感?加的内容和装饰多了会显着很乱很拥挤,加的内容少了又给人的感觉没有设计感,这个问题如何解决呢?最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了,在公司里也是处于中高管理层的,一般的业务员因为分发的名片量比较大,所以就用最普通的纸就可以了,控制成本。
平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异,关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300,这是个绝对的误区,其实在平面中也会用到150,72,甚至30。那这是如何划分的呢?最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300,比如杂志/单折页/画册等,因为阅读距离很近,如果分辨率比较低,会出现很明显的不清楚情况。
再有海报的设计一般是挂在墙上的,我们阅读时是有一些距离的,所以分辨率设置为150到200即可,很多人会问设计成300可不可以?当然可以,但有几个前提,首先你能找到那么大尺寸同时是300分辨率的素材图片,再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件,还是建议大家不要尝试了,结果一般比较惨。
再有还有72和30的分辨率,此类分辨率会用在阅读距离更远的设计上,比如马路上的大型围挡,商场大厦外面的五六层楼高的大型海报。
最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏,在商场大厅,电梯墙壁,写字楼前台等地方现在都会用到电子屏来展示一些海报/通知/活动等。此类材质的好处就是更新内容方便,节省印刷成本,最重要的是没有印刷后果。印刷的风险比较大,因为印刷不可逆,印刷出来后出现了问题,基本没有补救的措施,而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性,一般只能在固定的一个地方进行展示。
1.2用途
平面设计包含的品类是比较多,常见的画册/海报/单折页/名片/书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计,VI设计等工作。平面设计的品类就是比较多,所以想做一个优秀的平面设计师没有个几年的历练是很难达到的,这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。
平面设计师设计出来的内容很多,刚才提到了logo,VI我们统一称为品牌设计。画册,海报,包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的,品牌设计是用来宣传企业品牌的,规范企业的设计视觉,统一企业的宣传口径。
画册,海报,包装等物料是用宣传企业产品的,使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装,我们经常会看到很多普普通通的产品包裹上漂亮的包装后,价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点,设计出来的东西用来做宣传。这个东西本身并不是产品,也不具备什么商业交易价值,都是为了公司为了产品服务的。
1.3技能
因为平面设计师需要做的内容涵盖的比较多,所以对于技能方面的要求也比较全面。比如除了最基本的PS/AI/ID等设计软件以外,还有了解到排版印刷工艺,材质使用,字体设计等。如果各位将来是做平面设计的话,印刷材质是关键,就像刚才说名片时提到的,同样的设计,如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外,更直接的方式就是泡在印刷厂里,跟着老师傅走几遍流程,学到的东西会受益匪浅的。
二、网页设计
网页设计在现在的工作中又分成了两个工种,一种就是常规的网页设计师,设计企业的官网,或者是一些具备功能性的网站。另一种是电商设计师,在五年前,这个工种依然不被人看重,即便是现在也有很多电商企业称自己家的设计师为美工,这也就造成了很多设计师会不愿意来做电商设计,更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的,尤其是在一些大型的店铺,此类店铺的视觉自然也是能够在圈里数一数二的了。
2.1载体
网页的载体比较单一,在之前就主要是在PC端运用,后来移动互联网的流行与普及,使得网页在手机上也流行起来,还有平板等。为了保证能够多端正常显示,在html5和css3的帮助下流行开的一个名词叫着“响应式设计”,也就是使我们的网页能够在任何平台上都正常显示。
2.2用途
刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话,我觉着就是“载体”。没错,网页本身就是载体,企业站乘载了公司的产品信息,企业文化,品牌宣传等,是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站,也是将网页作为了一个平台一个载体,来进行产品的销售的。网页本身是一个“容器”,里面“装”的内容决定了一个网页的价值。
2.3技能
在说平面时我提到了平面设计师转网页设计师是比较好转的,因为网页设计师同样需要具备对于色彩,排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究,因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可,深入了解如虎添翼。如果是做电商设计的话,从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下,所以有心的设计师一定要会一款3D软件,市面上很多,3D MAX/MAYA/C4D等,给大家推荐的是C4D,出效果易上手。
三、总结
设计这个行业是一个充满了很多无奈的地方,表面光鲜,后面因为客户、资金、想法等所经历的坎坷只有自己体验了才知道。之前说过一句话,如果是因为看到了这个行业挣钱就来这里做的话,可以,没有问题。但是如果你很难使自己喜欢上设计的话,那还是奉劝各位需要慎重啊。因为如果不是真心喜欢的话,挣在再多钱也很难坚持下来,半途而废虎头蛇尾的事在这行里很常见的。
最后我一直跟人分享的一句话就是师父领进门 ,修行在个人。作为设计师你需要了解的是这个世界上最新的东西,紧跟时代,任何新东西的产生没有设计师是出不来的。所以无论是科班出身还是专业培训,一直都要做的就是自学。不要想着通过喷几句大品牌的设计来凸显自己的逼格更高,你自己的专业度和审美是无法和苹果几百人的团队来比拼的。喷Instagram的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品,找出好处加以学习使自己进步。
最后说一句设计这个行业对于学历没有特别的门槛,你可以没有学历,但不能停止学习。