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

25款国外扁平化风格的优秀网页欣赏的相关文章

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

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

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

  久伴与我i好吗

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

  标签：美术设计 设计素材

  ...[ 查看全文 ]

  快了摩羯

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

  标签：平面设计

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

  xhj铁血

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

  标签：PS PS基础

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

  股市小肉鸡

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

  标签：PS PS基础

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

  lalalalal爱

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

  标签：PS PS基础

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

  凤卓青羽717

  131
• 
  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

  任何对扁平化风靡之初颇有印象的朋友也许和当时的我一样，脑海中想起了世界突然清静了的声音。从此我们仿佛告别了拟物时代。做过设计的人都不得不承认，简单是很复杂的，而复杂反而很简单。当我在思考记录这个扁平化风格文字制作过程的时候，主要想记下的是这三个记忆点。 一、如何用AI里的图案铺展背景，并修改图案的样式 二、任何字体都需要自己的再加工，值得认真对待的一个个锚点去修饰 三、如何制作...[ 查看全文 ]

  骑牛撞黄牛

  621
• 
  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
• 
  重叠和扁平化效果企业LOGO设计欣赏

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

  [ 查看全文 ]

  地球村中国北京

  131
• 
  国外创意导航设计的优秀网页设计欣赏

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

  导航是网站不可或缺的一部分，看惯了一成不变传统的网站导航和今年倍受宠爱的隐藏式汉堡菜单导航，是时候来点不一样的刺激下灵感了。这20个网站不仅都有自己脑洞大开的导航设计，整体设计也是创意丰满，一起来点意料之外的惊喜吧。 Vincent Tavano ACT Festival ECC Architectural Print Gallery Heat Architecture The Mark Hotel Gloria Cortina Irene ...[ 查看全文 ]

  天蝎无名小竹子

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

  标签：PS PS基础

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

  颜小寕

  01
• 
  精选国外2018年优秀的网页设计欣赏

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

  是时候开始准备挥手告别2015年了。这一年中涌现了许多优秀的设计作品，设计趋势也在时间的推移中渐渐转变。在这个新旧更替的时间节点，重温过去一年中的优秀网页设计，无疑是对2015最好的纪念和总结。 这一年当中，网页设计的转变绝大多数时候是可以预见的，颠覆性的设计趋势并没有跳到你我面前，不过许多原创、奇特的设计依然让我们惊艳不已。 总体上来说，在响应式设计、页面对移动端的兼容、动效都有了...[ 查看全文 ]

  丶弗朗西斯

  9061
• 
  国外动效体验细腻的优秀网页设计欣赏

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

  想紧跟动效趋势，光UI已经不够了，自Flash失宠后，就很少有网站频繁使用动效，惊喜的是，现在动效又有重回的趋势了。今天这组网站动效，不仅加载速度快，而且都是独特定制的，能显著提高用户体验。 Ginventory Kwok Yin Mak Spotify – Taste Rewind Panache Colt Neil Carpenter Apple Music Ashworth GOLF/MAN Alice + Whittles Petas ...[ 查看全文 ]

  earth乐橙

  331
• 
  国外优秀的关于我们页面网页设计欣赏

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

  和网站访客进行沟通的方式有很多，但是最典型、最直接的还是通过关于我们页面来获取沟通方式。在网站设计越来越多样的今天，设计师和设计团队对于关于我们页面的设计也越来越重视，页面的每一个细节似乎都成了展示设计师个性和品牌特色的重要介质。 关于我们的页面设计并不难，但是要设计一个完美的版本并不容易。它通常取决于你的出发点，是要个性化的设计，还是品牌化的运作?是提供自己联系方式，还是获取...[ 查看全文 ]

  最爱国务府府长

  131
• 
  25款创意灵动的深色系网页设计欣赏

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

  不少设计师喜欢用深色背景来突出内容，不过酱紫在配色上就得多下点功夫，灵动有活力的配色才不会让整个界面死气沉沉，今天这组网站不仅创意十足，版式过人，在色彩上也很突出，来学习下。 Perspective Mockups Common Ninja Casper Odendaal Incredible Web Joy Interactive Nathan Romero Electrik Company Julien Giombetti Andy Burdin Davey He...[ 查看全文 ]

  yeyoulang521

  281