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、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年网页设计创作思路 篇3
随着移动互联网的迅猛发展,使得移动产品设计人员急缺。由于高薪酬,很多其他行业设计师转行做UI设计。
那么到底什么是UI设计?
做UI设计需要掌握哪些知识体系? 如何去学习?
今后如何做职业规划? 是很多新人常会遇到的问题!
针对这些问题,给大家一个比较全面的解释,希望能帮到新入行移动设计的人! 一、首先我先要分清几个术语:
UI (User Interface):用户界面 IxD(Interaction Design):交互设计或互动设计
UE或UX (User Experience):用户体验
UED (User-Experience Design):用户体验设计
UCD (User-Centered Design):以用户为中心的设计
PM(Product Manager):产品经理
视觉设计(Visual Design) 详细解释:
UI (User Interface):
即用户界面 。ui设计其实是个比较笼统的叫法,是指软件的人机交互、操作逻辑、界面美观的整体设计。它包含了交互设计和视觉设计2个方面。
交互设计:充分考虑用户使用场景和用户行为习惯,通过简化用户任务流程,减少用户使用成本。
UI设计是一种视觉语言,优秀的的界面设计要能通过视觉手段正确传达页面信息主次和交互细节,引导用户如何操作。
由此可见,想要做好ui设计,视觉设计知识和交互设计知识都是必须掌握的! IxD(Interaction Design):
交互设计或互动设计。通俗来说就是设计软件和用户的互动方式,通过了解用户需求、目标,使用有效的互动方式让整个过程可用,并且要易用。再直白一点,就是解决软件如何使用。
UE或UX (User Experience):
用户体验。用户体验主要是来自用户和人机界面的交互过程。
它是指用户使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用。他们能够忍受的问题,疑惑和BUG的程度。
产品经理(Product Manager):
就是企业中专门负责产品管理的职位,产品经理负责调查并根据用户的需求,确定开发何种产品,选择何种技术、商业模式等。并推动相应产品的开发组织,Ta还要根据产品的生命周期,协调研发、营销、运营等,确定和组织实施相应的产品策略,以及其他一系列相关的产品管理活动。
视觉设计(Visual Design): 视觉设计也是个比较笼统的概念。是以“视觉”作为沟通和表现的方式,透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。
在互联网领域的视觉设计师主要要具备以下能力:
1标志设计;2版式设计;3字体设计;4图形设计;5广告设计;6界面设计
二、产品研发团队的岗位组成及其职责
很多人可能会问为什么要说这个?不是要讲ui?
首先,任何产品都是由团队协作完成的。了解各个岗位的职责,有利于提高团队协作效率。也有利于了解自己需要掌握的知识技能。
研发团队由产品设计、技术开发两个方面的岗位组成。产品设计人员包括产品经理、交互设计师、视觉设计师;技术开发人员包括前端、服务端、数据端、测试等方面的工程师。
看到这,很多人就觉得比较坑爹了。怎么没有UI设计师?
上面说的分工方式是比较标准的岗位分配模式,由于国内行业发展不完善抑或是用人成本问题。
在国内,很多公司里是没有单独的交互设计师岗位的。
一种情况是由产品经理直接负责,需求和交互设计都是产品经理一个人,然后由视觉设计负责图形界面设计(GUI)和其他美术资源的设计。
另一种情况是,产品经理负责需求,UI设计师(或交互设计师)负责交互设计和视觉设计。产品经理和ui设计师共同研究用户体验。
当然,在有交互设计师岗位的公司里:
这些一般都是较大公司,一般设置UE岗位来负责交互设计和用户研究。产品经理和交互设计师都会考虑用户体验,所以产品经理有时也会参与到交互设计的环节,而且在产品需求设计的时候产品经理和交互设计师也有很多的工作重叠。
通过以上分析我们看出,产品经理和交互设计工作内容有重叠。交互设计和视觉设计工作内容也有重叠。
所以,一般做ui设计最好具备视觉设计和交互设计两个方面的知识体系。
三、知识架构
1、视觉设计部分:
首先,视觉设计不仅仅是做ICON,做界面或者界面元素。 很多人认为,如果去互联网公司做视觉方向ui设计,只会简单做图标、界面就OK。这是极其幼稚的想法。
一般公司如果花钱雇专职视觉设计师的话,那么整个公司的美术设计工作一般都会给视觉设计做。这就要求你几乎精通平面设计师所会的所有知识。
所以,如果你想今后在视觉领域混,那么以下几项技能必不可少:
1)平面构成; 2)色彩构成; 3)版式设计; 4)心理学; 5)美术绘画; 6)设计意识;
2、交互设计师应该具备的基本能力:
1)了解用户体验设计、可用性原则; 2)信息挖掘、用户调研、数据分析; 3)良好的逻辑能力; 4)心理学;
5)交互设计原则、不同平台的规范; 6)产品视觉感; 7)沟通能力。
四、职业规划
由于ui设计、交互设计、产品经理工作内容关联性比较强,而且有部分交集,很多UI设计师选择ui-交互设计-产品经理这个发展路线。
但是大家要明白,这3个岗位毕竟是3个不同的方向,每个方向需要的专业能力还是很大不同的。最终选择怎么发展还是要看自己的兴趣。
很多人认为产品经理工资高,想从ui转产品。这个也要看公司,一线公司UI设计师一般都15K+了,但小公司的的产品经理也就12K。只是行业分工不同,没有高低贵贱。 即使你只想做视觉设计,也不是没有发展的。国内一线修图师,一张图价格3K起。而普通修图师,一个月也挣不了这么多。
所以无论做视觉、交互、还是产品经理,一是要看自己适不适合;二是要看自己的兴趣。不要盲目跟风!
五、常见问题
1.视觉设计就是美工?
每当看到这句话,我的心里就像有1万头草泥马在狂奔!!!!! 不想当设计的美工不是好店长!!!
行业分工不同而已,行行出状元。努力做好自己的工作才是重点。
一般情况一个合格的设计师,如果在一线城市,工资不会低于9K。这要看能力,大部分人拉后腿,是因为自己根本不合格!所以即使你换个行业,不努力,照样不会改变现状! 2、UI设计师需要会Axure么?
首先,你要明白交互设计不是Axure操作员。
交互设计不等于使用Axure设计原型中的交互界面! 大家要清醒认识Axure在产品设计中的位置!
交互设计的出发点在于研究人在和物交流(dialog)时候,人的心理模式和行为模式,并在此研究基础上,设计人工物的可提供的交互方式,来满足人对使用人工物的三个层次的需求(usefulness,usability,and emotionality)。从这个角度看来,交互设计是设计方法,而界面设计是交互设计的自然结果。
交互设计的步骤包括:
1)用户调研
2)概念设计
3)创建用户模型
4)创建界面流程
5)开发原型并进行可用性测试
很显然,使用Axure设计快速原型,应该放在交互设计的整体工作结束后,也就是框架层设计时进行。
所以,Axure只是一个工具。在产品结构层设计的时候,最好的设计工具就是你的大脑和铅笔。
当你做一个产品的信息架构时,用铅笔画出的信息架构和界面流程草图会比软件做的更加直观、形象。 3、UI设计师需要会代码吗?
在小公司,还有就是传统的软件外包企业(如用友和软通动力),这样的公司往往需要UI设计会点XHTML+CSS。
但现在大部分互联网公司已经有专职的前端了,不需要会代码。
并且熟悉XHTML+CSS只需要2周左右,所以学不学看你自己定位! 4.产品经理和交互设计师的区别?
产品经理需要懂交互, 但交互设计师不等同于产品经理。
产品经理更侧重于用户需求开发。
交互设计师更了解用户行为习惯,了解用户体验。