2024年陈奕迅网页设计作品展示 篇1
1.Ello—全球创意工作者的聚集地
Ello是一个需要向各位设计师们重点推荐的社区网站，诞生于2013年，Ello是一个由艺术家创建的网站，也是一个为了艺术家而创建的网站。
2.迅捷画图
该网站是一款在线网站，可以直接在线绘制各种思维导图、流程图，并且里面还有很多的模板，你可以直接套用模板在线编辑，编辑好的模板支持多种格式的到处与保存，很适合新手使用！
3.Lapa—在这里找到网页设计灵感
Lapa Ninja 是一个致力于网页设计灵感作品展示的网站，提供登录界面、移动端界面、APP页面、邮箱界面等丰富的设计作品，可以帮助设计寻找设计灵感，欣赏来自世界各地的优秀设计作品。
4.SDC设计师网站导航
这个网站简直就是设计师的必备神器，做设计的人可能看到一个好的设计还要收藏起立，下次又要到处找，很是麻烦，而这个网站学习区块分的很清楚，用起来很方便，这里面有设计教程、高清图库、配色方案、界面设计、灵感创意、字体设计等网站的导航，直接点击就可以找到自己想要的设计。
5.SKALGUBBAR
SKALGUBBAR是来自瑞典的Teodor Javanaud Emdén创立的网站，他本人就是建筑学专业。有别于中规中矩的比例人，这些配景人最大的特点是有故事，每个人都饱含戏份，毕竟建筑师最懂建筑师，这绝对是最适合建筑专业的配景人素材库。
2024年陈奕迅网页设计作品展示 篇2
如今是互联网时代，对于专业UI设计师的需求是越来越大，做出来的UI作品能不能收获用户的心，很大情况下还是要看UI设计师对色彩这一块的运用。而参加一家水平过硬的UI设计培训机构，在实操这一块就会有较大投入，也能更好的去运用色彩的魅力！
深圳UI培训哪家好？千锋深圳UI培训将产品知识、交互知识、动效知识融入课程当中，课程共分为三个大阶段：平面全案设计阶段、Web页面设计全流程、移动端设计全流程，每个阶段案例设计都围绕着行业前沿的设计理念和工作流程。接下来，就跟着千锋老师一起来了解下有关的色彩搭配原则！
首先，设计色彩可以用以下原则：
1.我们会寻找真实的世界中的参照物。尽管界面是虚拟的，我们还大量的从现实世界中找灵感。因为我们在现实世界中几十年的经验，我们只会期待光线和颜色的效果按特定的方法显示。
2.我们将使用HSB颜色系统。简而言之：它是最广泛使用的颜色系统（用于Sketch和Photoshop等等）。如果你不知道是什么色调、饱和度和亮度，后面会讲解到。
其次，遵循以下原则选择颜色
1.较深的颜色=更高的饱和度+更低的亮度
随着亮度下降，饱和度上升。不能用黑色覆盖的的原因是在HSB中，添加黑色相当于降低亮度。相反，我们希望在降低亮度的同时也增加饱和度。但事实上黑色不会为颜色添加任何饱和度！
为什么在现实世界中，拥有较高饱和度的颜色比较深？这是因为当光的亮度的强度超过饱和度的强度的时候，颜色必然变得更加清晰，反之亦然。
2.较轻的颜色=更低的饱和度+更高的亮度
变换会给我们带来更亮的变化。如果我们一直继续降低饱和度并提高亮度，最终会变成白色。有两种非常简单的方法可以将白色添加到颜色中：减少元素的不透明度或者是在元素顶部添加一层半透明的白色。
大家下次在UI设计中可以试试上面的这些方法，或许会有意想不到的效果呢！深圳UI培训哪家好？选择靠谱的很重要。千锋深圳UI设计讲师都是资深的网站工程师和设计讲师,很多讲师拥有着数十年网站设计与教学经验以及上百个网站项目成功案例的经验，帮助每一个爱好UI设计的同学快速掌握技能！
2024年陈奕迅网页设计作品展示 篇3
您好！很高兴回答您的问题！
一、平面
平面设计是这三种设计里最“古老”的专业了，可以说平面设计是一切设计的鼻祖，学任何设计都绕不开它。因为所有的设计理论比如配色，排版，字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的，因为除了要了解基本的设计技巧以外也要了解材质，工艺等，不同的工艺和材质出来的效果也是千差万别，甚至在预算上都会差出好几个层级。
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的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品，找出好处加以学习使自己进步。
最后说一句设计这个行业对于学历没有特别的门槛，你可以没有学历，但不能停止学习。
2024年陈奕迅网页设计作品展示 篇4
看标题进来的小伙伴以为我要给你要给你案例一大筐的网站了吧
这么说，对，也不对
对，我确实要给你案例一箩筐的资源好网站
不对，这些网站都用一个网站给你收集归类好了
所以，你只要收藏这一个网站就就好了
它就是↓
TheStocks
一个小而精的的国外设计资源导航网站，从图片到色彩、字体、图标等日常设计必备的资源，都有收藏，而且质量非常高
说不定你偷偷压箱底的资源网站，你也会在这里发现它的身影呢
网站的资源分为 6 大类：图片、色彩、图标、视频、样机和字体
点击分类的小图标
在下方左侧边栏中网站一目了然
下面就我们PPT 常用的图片、色彩、图标和字体分类中随机挑选几个网站和大家分享，如果感兴趣，可以自己多多摸索摸索。
图片
涵盖 Pixbay，Unsplash，Startup Stock，Gratisography，Pexels 在内的多个高质量免费 CC0 授权高清图片网站的资源
图片资源分类除了免费资源，还有非常专业的付费图库，比如 shutterstock ，美国一家付费图库网站，在世界十几个国家推广，图片质量非常高，但收费也非常高，目前在中国的独家合作伙伴是站酷海洛。
NEW OLD STOCK
一个有趣的照片网站,里面的作品都是一些经典、复古、古董的照片。
FREE RANGE
一个免费的图片素材站点,网站所有内容都是由摄影师和网友贡献的,其中一部分图片是由 freerange 提供的
PEXELS
著名的免费图片平台,每天都会有大量的设计师和博客写手来这里为他们的网站和项目找图片素材。所有的图片都会显示详细的信息，例如拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等。
色彩
ColorClaim
这个配色网站之前有写过一篇专门介绍过，感兴趣的小伙伴可以点击这里：
PPT配色完美攻克指南
网站由设计大神 Tobias van Schneider 创建，他将自己从 2012 年做的上百种项目配色方案汇总在一起，ColorClaim 最初是为他自己创建，每次作品中有新配色方案，他便保存为 JPG 图片，多年来重复这个过程，形成了自己的色彩库。
后来他认为这个色彩库能够为其他设计师也提供一些帮助，于是将它公开。
也是我个人最喜欢的配色网站之一
网站中的配色方案展示非常特别
每个方案只有 2 到 3 个（最多）颜色，作者将这些颜色组成一个很微妙的背景颜色，一个高亮度的，一个高对比度的，很少再增加更多，甚至有时候更少。
coolors
极简在线配色方案生成器
选中一组颜色进行编辑，编辑界面大概的翻译了一下，见下图
在右上方相机图标选项，还可以直接上传图片，生成图片配色方案
点击「Auto」选项可以自动更换配色方案
Blend
一个小众的配色网站，可以混合并实时编辑预览色彩效果
这个配色网站有些人应该也不陌生
图标Flaticon
海量免费图标下载，支持常规的 png 、svg、eps、psd 等多种格式。登录账号还可以收藏图标，下载图标合集包等。
Simple icons
全部128个Icon都提供了11个尺寸、黑色和白色、从16px到4096px
icon store
一个提供一流的免费图标包素材的站点，汇集了很多优质的icon素材，设计师可以自由下载使用，适用于网页设计、移动端设计等，所有的素材都是由设计师自愿分享
字体Fonts in use
字体使用网站 ，可以根据需求搜索不同的字体
字体爱好者当做灵感网站收藏也是非常推荐的，字体设计多变，质量很高
作品以图片的形式展示，下方标注了使用的字体，让你对字体所对应的效果一目了然，除了搜你需要的字体，你平常收集的一些好字体也可以在这个平台上传
Dafont
一个提供免费高质量资源资源的网站，字体以西文字体为主，绝大多数完全免费。
先介绍这么多
剩下的宝藏等你们自己来挖掘了~
原文首发于 iSlide 微信公众号，由哥布林撰写，已获得转载权