21款精致细腻的扁平化网页设计欣赏

21款精致细腻的扁平化网页设计欣赏的相关文章

• 
  25款国外扁平化风格的优秀网页欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  扁平化设计比起最开始的风格已经没有那么平了，更丰富的细节，更清晰的层次，更优秀的视觉体验使得它和初期有了相当大的差别。于是Ryan Allen 在为 Dapper Gentlemen 撰文的时候将现在的扁平化设计称为Flat Design 2.0，这篇文章中，他阐述了最初的扁平风和今天的扁平化设计的差别，甚至还简单分析了一下这种演进的原因。 扁平化设计依然占据主流，从某种程度上而言，是因为它同响应式设计有着极高的契合度...[ 查看全文 ]

  七瑾年Y

  361
• 
  扁平化信息图设计欣赏

  标签：美术设计 设计素材

  ...[ 查看全文 ]

  快了摩羯

  451
• 
  重叠和扁平化效果企业LOGO设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  [ 查看全文 ]

  地球村中国北京

  131
• 
  Photoshop设计扁平化风格的名片教程

  标签：PS PS基础

  甭管你是谁，只要你从事商业活动，都必须要有一张名片。要么你可以雇佣个设计师帮你设计名片，要么下载一些名片模版，小修小补之后，设计出自己的名片。本文将讲述利用PS打造简约、充满现代感的名片。 先看看效果图 步骤1尺寸，出血，色彩模式以及分辨率 打开PS,然后需要了解一点名片设计的知识，最重要的毫无疑问是尺寸，可参考本国名片设计规则，确定名片尺寸，国内一般是90mm*54mm(文中说英美国家一...[ 查看全文 ]

  股市小肉鸡

  51
• 
  Photoshop设计扁平化风格的雷达图标

  标签：PS PS基础

  今天是天空图标教程系列的后两集，自从上一次我们的小火箭发射后，今天终于来到了外太空，找到了它的小伙伴，行星和雷达，今天的教程是搞定这两个，过程重绘制思路，挑操作重点，简洁明了，适合有基础的同学练手。 先看看效果图 行星图标 第1步： 首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具，星球上方绘制很多不同颜色的方框，让它们的颜色和宽度都不尽相同。你可以将这些方框编组并进...[ 查看全文 ]

  lalalalal爱

  31
• 
  Photoshop设计超酷的扁平化软件图标

  标签：PS PS基础

  这个有爱的图标是在B站看视频时无意中看到了，觉得蛮不错的，而且也简单，一般学到基础的童鞋都可以做到，不过我这个教程为了照顾到新手，截图有点多，对其中一些工具不是很熟练的童鞋可以多动动手做做。 先看看效果图 下面是原图 第一步：新建图层，大小自己定，这个为了更好演示教程，我选择了500乘500，分辨率为72的画布大小。 第二步：为了更好的确认图形的大小比例正确。ctrl+r弄出标尺，然后...[ 查看全文 ]

  颜小寕

  01
• 
  Photoshop设计扁平化风格的火箭图标

  标签：PS PS基础

  今天的教程，不仅有超详细的步骤解说与多个技巧，而且绘制时能帮同学们深入学习Photoshop的基础形状，教程不难，作为扁平化图标入门教程再合适不过。 先看看效果图 绘制火箭图标 这些调色板上的颜色是我们将要用到的颜色，我选择了一些不那么鲜艳的颜色，这能和扁平化的图标很好地结合，你可以将这个色板储存在你的电脑中，这样你就可以在Photoshop中创建图形的时候直接用吸管工具选取这些颜色了。 ...[ 查看全文 ]

  凤卓青羽717

  131
• 
  精选国外扁平化风格的优秀人物设计

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  设计是好玩的，特别是把自己的奇思妙想实现出来后，会有很有成就感，今天分享一组来自UI设计师Rob Lafratta的创意设计作品，这组作品主要是把超级玛丽的形象换成其它超级英雄等人物，看上去很有趣。 下面来看看一些截图，当然你也可以点击这里查看该设计师的最近更新。 [ 查看全文 ]

  久伴与我i好吗

  411
• 
  Illustrator设计扁平化风格的职业角色图像

  标签：Illustrator CorelDRAW

  在本教程中，我们将制作一套平面风格的肖像，描绘不同职业的人。这样的头像可以被用来当作社交网络的头像，或者是你个人网站的设计素材(描绘不同的职业类型)。你还可以用这种方法制作自己的扁平化肖像，用作你自己的商业名片。现在让我们开始我们的教程吧。 Adobe Illustrator的几何形状工具在制作矢量图形方面非常棒。我们通过接下来详细的教程发现新的使用技巧和窍门。(路径查找，裁剪和蒙板工具以及其他...[ 查看全文 ]

  走走道硬了拉

  121
• 
  Photoshop设计扁平化风格的铅笔软件图标

  标签：PS PS基础

  最终效果 1、新建500 * 500画布，填充为：#01dbcd。 2、椭圆工具，画一个362 * 362的正圆填充#01dbcd，描边1像素，命名为圆。 3、用矩形选框工具画一个长方形，填充为黑色，Ctrl + T 旋转45度左右，大小自己调到合适，然后调到恰当位置，命名为阴影。 4、将图层阴影移到圆的后边，不透明度为8%。 5、用椭圆工具画一个252 * 252的正圆填充为白色，命名为圆2。 6、用矩形选框工具画一个细...[ 查看全文 ]

  Flower九爷

  31
• 
  Photoshop设计IOS7风格的扁平化图标

  标签：PS PS基础

  扁平化风格潮流浩浩荡荡，童鞋们周末有时间也来撸一发，学习一下扁平化风格ICON的设计思路吧。今天分享的教程是教你创建一枚IOS7风格的图标，教程不难，熟练的童鞋30分钟就可以完成咯。好嘞，教程开始。 先上效果图： 挺干净的，兴趣大增有没有? 那就开始咯。 Part 1 ：打好地基 Cttrl + N 创建画布，大小为1024px * 1024px ， 填充背景色为#fcf2da。 然后 → 编辑 → 首选项 → 参考线...[ 查看全文 ]

  张旭8742381

  161
• 
  Photoshop简单设计四种扁平化设计图标

  标签：PS PS基础

  本文将传授你多样的扁平化设计风格，绝对时髦教程，读完本文，你将轻松掌握时下最热门的设计手法，四种风格包括：常规扁平化、长投影、投影式、渐变式。喜欢的朋友一起来学习吧。 一、常规扁平化 步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置： 垂直：157px,177px,250px,323px, 343px, 378px 水平：72px, 107px, 127px, 200px, 273px, 293px, 328px 最终结果：...[ 查看全文 ]

  a604529133

  521
• 
  PS如何制作扁平化风格图标

  标签：平面设计

  本文将传授你多样的扁平化设计风格，绝对时髦教程！读完本文，你将轻松掌握时下最热门的设计手法：） 四种风格包括：常规扁平化、长投影、投影式、渐变式。 一、常规扁平化 步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置： 垂直：157px,177px,250px,323px, 343px, 378px 水平：72px, 107px, 1...[ 查看全文 ]

  xhj铁血

  1091
• 
  Illustrator绘制扁平化风格的宝石图标

  标签：Illustrator CorelDRAW

  本教程主要使用Illustrator绘制扁平化风格的宝石图标，教程算是一个系列的珠宝、宝石系列的图标设计教程，挺不错的，推荐过来和图老师的朋友们一起分享学习了，下面就一起来学习吧。 我们先来看看最终的效果图吧： 使用线段工具画两根垂直交叉的直线，让它们的交点正好在正方形的中心。然后使用路径查找面板中的分割功能把正方形切成四个独立的部分。 Step 3 现在我们可以对每个部分填充不同的颜色...[ 查看全文 ]

  kebimalong007

  231
• 
  Illustrator制作扁平化动物卡通头像教程

  标签：Illustrator CorelDRAW

  在这篇教程中，我们将从一个相同的圆中创建6种不同的动物形象。 让我们利用基本的形状制作一组扁平化的元素来找点乐子，形状生成工具，路径查找器面板和Adobe Illustrator的其他一些有趣的功能。 先看看效果图 1.创建一个优雅的暹罗猫 第1步 首先从一个由椭圆工具(L)制作的60 x 60 px大小的圆形成猫的脸。 用浅褐色填充这个圆。 第2步 用直接选择工具(A)选择两边的锚点并将其向下拉动，改变脸部...[ 查看全文 ]

  黃桃燕麥

  241
• 
  Photoshop绘制扁平化风格软件图标教程

  标签：PS PS基础

  长阴影是目前最为流行的一种设计趋势，在Dribbble、Behance等各大设计社区几乎无处不在，它看起来像是对扁平化风格的一种强化，特别是在设计图标或简单的海报的时候会用上。 网络上自然有很多可以自动生成长阴影工具，但是工具只能作为一种媒介，真正学会长阴影，并灵活运用始终要从实践开始入手。此外，我们会在本次教程中会使用AI软件进行绘制，AI软件与PS软件有很多的不同，AI是一个以创建矢量图为主的绘...[ 查看全文 ]

  彩云●追岳

  51
• 
  Photoshop教你制作扁平化风格的HTC手机

  标签：PS PS基础

  事先声明，这不是广告。就是一个简约的PS教程，适合练手，制作其它图标也是类似的思路。融会贯通，您可以将任何物体扁平化成小巧可爱的图标。 1. 创建新文件，大小1200×1600 px，油漆桶上色，#20ade1，分辨率72px 2.选择圆角矩形工具，勾选对齐边缘 宽度：680px 高度：1350px 半径：70px 3.Ctrl/CMD+A 全选，然后水平居中，垂直居中，然后Ctrl/CMD+D取消选择 4.双击形状图层缩略图...[ 查看全文 ]

  专属丶口味

  81
• 
  Photoshop绘制扁平化风格的谷歌LOGO图标

  标签：PS PS基础

  [ 查看全文 ]

  莱莱67

  921
• 
  Photoshop制作扁平化风格的椭圆矩形图标

  标签：PS PS基础

  最终效果 准备工作： 打开Photoshop，新建600 * 600的画布，其它参数默认，点确定。 方法1： 鼠标移至左侧工具栏矩形工具上，点击三角箭头切换成多边形工具。鼠标移至选项栏设置边：4，点击设置图标(齿轮)，按下展开，勾选平滑拐角。 按住Shift，按住鼠标左键在画布中央绘制就可以了。 放大之后发现它的边缘是虚的像素，为了更加精确的显示，要让边缘对齐像素网格。 左击首选项 常规...[ 查看全文 ]

  熊孩子真牛

  61
• 
  Illustrator制作超酷的扁平化长阴影效果

  标签：Illustrator CorelDRAW

  本教程主要使用Illustrator制作超酷的扁平化长阴影效果。废话不多说了，打开AI我们一起来学习吧。希望大家可以通过这个教程学习教程的要点。 首先，老规矩先上最终效果图。 STEP 1 当然是新建一个500x500px的文档，用RGB或CMYK颜色模式随你喜欢，屏幕72PPI就好，其它不用动，点确定。 STEP 2 选用星形工具创建一个半径1：160px，半径2：80px，角点数：8的八角星。(你要用矩形工具，椭圆工具，多边...[ 查看全文 ]

  home雨印记

  381