2024年设计配色的网站 篇1
首先要理解各种颜色带给我们的语言
红色:热情、奔放、喜悦、庄严
黄色:高贵、富有、灿烂、活泼
黑色:严肃、夜晚、沉着
白色:纯洁、简单、洁净
蓝色:天空、清爽、科技
绿色:植物、生命、生机
灰色:庄重、沉稳
紫色:浪漫、富贵
棕色:大地、厚朴
再看下产品想要表达什么?结合产品与用户群体来配,这样就可以事半功倍了。
2024年设计配色的网站 篇2
啥是颜色众所周知,色彩分为红,黄,蓝三原色,其他颜色都可以用这三种颜色调和而成。
如果将这三种颜色依次过渡渐变,我们就可以得到这个
色环。
那么不同的颜色呢给人的心理感觉是不一样的,所以就有了冷色和暖色。
橙色红色这种给人以活泼奔放的颜色就是暖色,一般而言用这种色彩的网站就显得热情奔放。
蓝色紫色这种给人以阴凉宁静的感觉,这便是冷色,冷色调的网站就显得严肃正规。
正常的网站颜色不要超过三种,花里胡哨的东西总是让人提不起兴趣,也容易带偏网站的主题。网站设计
简单!平凡!
一个高大上的网站的基调。
一个简简单单的网站,更加容易突出重点,令人印象深刻。
这就好比我们去追女孩子,你越是死缠烂打,越是贴上去就越是得不到。给她一点距离,简简单单的高冷,才能抓住人的心。
大胆的设计也能让人眼前一亮。
比如这个卖酒的网站,一眼望去就酷酷的样子。黑色是亮度最低的非彩色,搞的不好就会让人很压抑很沮丧。
这个黑色系的网站与他们的酒所呼应,简明扼要的突出了一杯好酒,这种主题反而能够突出酒的特点。如此的简单,如此的深入人心。高质量大图
一般而言,一个高质量的大图便足以撑起一个网站。
一张高质量的大图,配以简单的文字介绍,足够让人感觉良好。动起来
动起来的网页也会让人感觉到高科技。下面这个网页加入了视频的元素,布局也很灵活。能够吸引人驻足围观。结语
一个高大上的网站,不需要花里胡哨的东西,简简单单的色彩,普普通通的介绍。
推荐几个配色的网站。
中国色,http://zhongguose.com/ 似乎也没有那么太实用,但是中国颜色,很有特色。
Webgradients,一个渐变色的网站,很多成型的颜色,总有一款适合你。
谢谢您的阅读,如有问题评论区留言,一起讨论。
2024年设计配色的网站 篇3
色彩搭配对于网站设计有着重要的作用,因为每种颜色都会对用户视觉产生不一样的感觉。网站的色彩搭配,并不是只针对图文或页面底色,而是要从用户的角度来观看,同时要结合网站的核心来定主色调,色彩搭配完美的网站可以增加用户体验。接下来就详细的了解一下每种色彩对网站的效果吧!
1、白色
色感光明、朴实、纯洁、快乐,具有神圣洁不容侵犯性。如果白色混入其它颜色,就会影响纯洁性,从而变的含蓄。
2、蓝色
蓝色很朴实,内向性格,可以给一些活跃同时具有较强扩张力的色彩,提供一个深远、广 埔、平静的网站制作设计空间,从而衬托出活跃的色彩。
3、黄色
黄色是最具有娇气的色彩,性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。如果在黄色中混入其它颜色,那么它的色相感和性格都会发生很大的变化。
4、紫色
紫色的明度在色彩中是最低的,给用户一种沉闷、神秘的感觉。
5、红色
色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色可以吸引人的注意,也可以给人一种兴奋、激动、紧张、冲动、但会让人产生视觉疲劳。
6、绿色
绿色的性格最为平和、安稳,同时也是一种柔顺、恬静、优美的色。
网站色彩搭配一定要有自己的风格,这样用户在浏览的时候才会有舒适感。网站的色彩搭配并不是一次就能搭配好的,需要不断的尝试,调色,才能达到最佳效果。
2024年设计配色的网站 篇4
首先谢谢邀答。
相信每一个设计师都有自己常用素材网站书签,本人也通过收集整理分类如下,现与题主及各位喜爱设计的条友分享。
配色类
【材质UI颜色】materialuicolors.co
【色轮】brandmark.io
【Color Picker Tool】www.0to255.com
【Material UI】www.materialui.co
【ColorFavs】www.colorfavs.com
【Curated Color】www.colorion.co
【LOL Colors】www.webdesignrankings.com
【Material Design Colors】www.materialpalette.com
【uiGradients】uigradients.com
【中国传统颜色】zhongguose.com
【和色大辞典】
www.colordic.org
【千图配色】www.58pic.com/peise/
图库类
【FreeImages】cn.freeimages.com
【SplitShire】www.splitshire.com
【大作】www.bigbigwork.com
【Visual Hunt】visualhunt.com
【Zoommy】
zoommyapp.com
【泼辣有图】www.polayoutu.com
【Unsplash】unsplash.com
【矢量图库】undraw.co
【StockSnap】
StockSnap.io
【Shutterstock】www.shutterstock.com/zh/
【Pixabay】pixabay.com
【Pexels】www.pexels.com
【矢量图集】www.peecheey.com
【矢量图集】undraw.co/illustrations
【Hippopx】www.hippopx.com
【矢量纹理】www.heropatterns.com
【Foter】foter.com
【Freepik】www.freepik.com
图标类
【iconmonstr】iconmonstr.com
【Logo Faves】logofaves.com
【Logolounge】www.logolounge.com
【LogoMoose】www.logomoose.com
【Logopond】logopond.com
【Vector icons】www.flaticon.com
【Icon Ninja】www.iconninja.com
【Iconfont】www.iconfont.cn
在线制作类
【样机神器】rotato.xyz
【不规则形生成器】www.blobmaker.app
【片头生成器】panzoid.com
【噪音风格背景生成器】codepen.io/vcomics/pen/djqNrm
【背景生成器】codepen.io/vcomics/pen/ZjMpOe
【水墨风格生成器】
codepen.io/ge1doot/pen/wPymJv
【云文字】
wordart.com
【粒子爆炸生成器】
wangyasai.github.io/Particles-Emission
【向量场迹生成器】wangyasai.github.io/Perlin-Noise
【动态马赛克背景生成器】wangyasai.github.io/Awesome-Mosaic
【贝塞尔曲线生成器】wangyasai.github.io/Bezier
【流体效果】
david.li/fluid/
【双色图片生成器】duotone.shapefactory.co
【故障艺术生成器】photomosh.com
【太空模拟器】spaceengine.org
【镜像炫光生成器】weavesilk.com
【剪纸艺术发生器】pissang.github.io/papercut-box-art/
【人工智能图片无损放大】bigjpg.com
【星球生成器】alteredqualia.com
【位图转矢量】www.vectorizer.io
以上网站有的需要VPN浏览,大部分均为Free下载及使用,希望对题主有帮助!!!
2024年设计配色的网站 篇5
其实日本的设计风格,在世界上可以说是还不错的,留白大胆,配色温柔。也有挺多著名的设计师,比如那个帮小米设计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年设计配色的网站 篇6
你好,我是柏小陌OK,一名UI设计师,很荣幸可以回你的答问题,以下是我个人的一些见解,希望对您有帮助。
我猜你肯定是个新手,想学习这些知识之后去找工作。告诉你个秘密,面试官在面试新手设计师的时候,往往不会问太多的设计逻辑和商业逻辑。
但是往往会问你一些偏基础的内容,比如问你UED,GUI什么意思?他们是干什么的?这些最基础的知识如果答不上来就很尴尬。所以掌握这些知识就变得非常有必要。
其实你所谓的UI,UX,UE都是再简化后的名称,全称叫GUI,UED/UXD,还有个IXD,那为什么会这样呢?下面系统介绍一下。
很多新手设计师和很多自媒体公众号。常常把GUI,UED/UXD,IXD,这几个专业术语搞混,层级关系也不准确。有人曾经做过一个调查,列举了以上几个关系,结果发现高达70%以上的人都做错了,也说明了,即使一些从业多年的设计师对他们彼此间的定位仍然还不清楚。
如果你能回答对,就比70%的人都要厉害。GUI
当前,对于GUI有两种解释。一种是图形用户界面,简称GUI,也就是我们常说的UI设计师职位的正确称呼.而另外一种是Game Interface Design,即游戏界面设计,也叫GUI。
但是在很多公司在招聘时都写成GUI了,这就容易让人误解,不知道他到底是招什么类型的设计师。
因此让很多人都误解了G的含义,并且觉得3个字母比Ul这两个字母长,认为GUI的级别就是最高的,这是非常严重的理解错误也是很荒唐的一件事.
所以现在国内很多招聘平台的设计岗位写的是招聘UI设计师,其实正确的说法是GUI设计师,但是害怕混乱所以才做了统称UI设计师
GUI更多体现的是视觉部分,请大家注意两个关键词图形和界面,也就是软件程序呈现的画面都是图形界面。WUI
其中W是Web的缩写,顾名思义,WUI就是网页界面设计师的意思。早期的网页设计不在Ul设计师的工作职责范围内,但是由于现在设计的全能化、多样性,如今网页设计也成为UI设计师工作职责的一部分.
但是网页设计与界面设计还是有很多不同之处的,这二者有一个很明显的区别,就是操作的方式和区域范围不同。网页是利用鼠标.
指针操作其选择单击的精准度在4px左右,而手机是手指在操作,低于24px的触碰操作基本上就非常难了.
一个得满分100分的网页设计的设计师未必做得出60分的界面设计。同样一个做得出满分100分的界面设计的设计师未必能做得出60分的网页设计.UED/UXD是什么?
UED和UXD其实是一个意思,都是用户体验设计师,那么为什么会有两种叫法呢?
因为国内和国外的缩写是不同的,这才导致了很多人产生了误解。
UX和UE都是User Experience的缩写,D是Design的缩写,UE是咱们国内的叫法。因为国外习惯把EX缩写成X,微软和谷歌等知名公司都曾经这么缩写过,渐渐也就成为约定俗成的了,所以国外习惯叫UX。IXD是什么?
维基百科:交互设计(Interaction Design)是定义和设计人造系统行为的设计领域。它既包括软件界面的交互,也包括硬件设备的交互,很多人也称为互动设计。
其实这么叫并不准确,
其实交互设计和互动设计是有很大区别的。早期的很多带Flash动效的网站被称为互动网站,互动设计更多地存在于网络公司,所招聘的互动设计师通常就是另一种网页设计师,介于网页和广告之间,它更倾向于将创意视觉和网络技术结合的手法创造出作品!
我们再来看交互设计,交互设计涉及的领域就广泛得多了,如果要给它们俩一个更容易解释的定义,那么可以说互动设计相当于你在跟系统对话,而交互设计就是你在跟系统心灵沟通。
举个例子,当用户第一次使用App的时候,他如何能在不阅读说明书的情况下就知道这个App怎么使用?
用户如何知道自己现在在什么位置?在这个位置能做什么?下一步可以去哪里?如何才能回到刚才那个位置。自己这个操作行为是否会有结果?会有什么样的结果。而这些设计逻辑就是有交互设计师来做的,这就是交互设计师要干的事!关于培训
至于培训班的选择,其实各培训班讲的内容都差不多,所以参考的维度无非就是线上和线下,如果你自制力比较差,喜欢别人带着学,那么选择线下可能比较适合你,如果你自制力比较强,那么选择线上可能比较适合你,没有太多的说道。
希望能帮到你!