我们都知道在一个网站中,banner图片对于浏览者来说是非常重要的,尤其是电商banner,它的最主要目的是营销,是要让消费者有冲动去购买,这对设计的要求也就更高了.而企业网站也一样,一个合适的banner不仅能吸引眼球,同时也能让用户更好的理解产品及功能,反之如果这个banner不合适,那么就会导致整个网站都显得很普通. 现在的banner版式设计可以说是非常丰富多彩的,尤其是电商,各种花哨的效果各种吸睛,不过也有的电商banner做的特别清爽有趣,很有新意.接下来就把banner设计版式给大…

  1. 视觉上”一语双关 我最喜欢的一些Logo在视觉设计上”一语双关”,将两张图片.两张意象巧妙结合,合二为一. WinePlace 的Logo就是一个绝佳的案例 这个Logo看起来像图钉,暗喻着”定位”,又像一个颠倒的酒杯.这种聪明的设计让人感觉印象深刻.看到这种”小聪明”设计,浏览者肯定会会心一笑. 2. 用色上严格把关     ​ 配色太重要了,这可不仅仅是表面文章,色彩能够影响情绪,色彩关乎到Logo的意义,以及Logo传达的理念.有的时候客户会限定使用的颜色,而有的时候允许你自由探…

Ui设计学习的人越来越多了,想要找到合适的学习资料很难,很多才接触ui设计且没有基础的同学也不知道去哪里找学习资料,虽然现在百度上很容易搜到ui设计的学习资料,但是一看不难发现,很多都是过时的学习资料,也不够完善,那么ui设计学习网站哪些更适合新手学习呢? 1. UI中国(http://www.ui.cn/) 相信很多做(学)设计的都知道.小编刚开始就是在听别人说学UI就上这个网站,然后马上收藏了.然后就没有然后了,出了偶尔打开看看别人的作品,惊叹一两句,“哇,做的好好啊,别人是怎么做到的呢,除…

有的人觉得logo只是一个简单的图形,对品牌影响无关紧要:但有的人却觉得logo对品牌有较大的影响.其实logo承载着一个公司的品牌形象.公司背景.公司理念等.就像Landor往往给一个企业做logo要收取上百万的费用,就是因为品牌形象针对的时品牌本身,从形式.寓意.色彩甚至营销都有很深远的影响.当然对于像小餐厅的logo来说,只要设计出好看的图形,容易辨识就可以了. ​ 设计一个高质量的logo要从哪方面入手呢?1.往往客户提供的信息比较有限,设计师要通过大量的调研和信息收集去找到大的方向,找…

本次给大家分享一个通过PS合成一个炫酷的机械姬,在这个教程里给大家展示图像的色彩处理.人物光影塑造和创意实现及细节处理,教程比较简单,创意十足,看过<机械姬>电影的同学们一定知道这个有多炫酷,通过教程加上自己的融会贯通相信同学们可以做的更好,具体通过教程来学习一下吧.   效果图: 操作步骤: Step 1:纯色背景,做出两个渐变光源,我用的是形状羽化 Step 2:抠出女孩,建议还是用钢笔配合选择并遮住,并用动作磨皮将女孩快速磨皮处理   Step 3:女孩调色,女孩肤色偏黄偏暗,我们这里想…

​本次分享的是在界面设计中最长实用也最容易被忽略的十个原则,就是尼尔森十大可用性设计原则,这是十分基础且重要的原则.原则是死的,如何正确的结合到实际运用中才是关键.接下来我会通过对每一个原则的理解和现在移动端产品和结合进行分析,希望可以更深入的记住他们. 什么是尼尔森 尼尔森(Jakob Nielsen)是一位人机交互学博士,于1995年1月1日发表了「十大可用性原则」.1995年以来,他通过自己的 Alertbox 邮件列表以及useit.com 网站,向成千上万的 Web 设计师传授 Web…

一份普普通通.规规矩矩的设计 一份让人印象深刻.新颖有趣的设计 差在哪?其实就差在三个字上! “优秀的设计不是每一个细节都有亮点,而是弱化其他元素,让某一个亮点最大化.” 今天“骉叔的设计心得”就来总结一下关于“字”的心得. 在设计和选择字体前,我们要先想明白文字的功能是什么? 从原始时期的人类在墙壁上画下的那几个抽象的符号,到殷墟发现的甲骨文,再到现在发展到上万个现代文字.有各种各样的文字形式,但其实它们的核心功能都是一致的: “作为信息的载体,记录和传播信息.” 这是文字最为基础,也是最为重…

一张好的产品创意合成海报,能瞬间提升商品价值感,同时场景和相关元素的融入,让消费者瞬间明白商品属性及内涵.同时为商品营造的使用场景拥有更强的代入感,从而刺激转化.好的创意合成海报能为消费者带来视觉冲击的同时,加深对产品的印象. 以一款唇膏为例:炫彩水润唇膏.通过对产品重点炫彩.水润的使用场景联想,我们提炼了夏天.度假.自然等关键词. 那么对应的场景提取了大海.沙滩.海边度假村.瀑布.森林.山川等夏日度假元素.有了这样的分析,也就大概知道了我们合成片所需要的素材. ​下面介绍一下一张商业海报的合成…

1.手绘插画  场景.人物以及加上故事的创意绘画 会给人梦幻若隐若现的感觉,留下深刻的印象,适合做活动页面以及宣传自已的品牌 2.简约 颜色少于三色,背景以明度偏低的颜色为主,在信息大爆炸的时代,我们打开手机电脑都会翻开页面浏览信息,当干净利落的页面呈现人的面前,会更直接突出产品,带给人大牌正式规范的公司企业形象 3.颜色  颜色是很直观的感觉,黄色活泼/可爱/活力/阳光.绿色年轻/希望/新鲜/自由 4.夸张   颜色饱和度都够高,主要以红,黄,蓝,紫鲜亮的颜色,变形的字体再加上搞怪的模特给人亲…

阴阳师中国古代对自然规律发展变化基础因素的描述,是古代美学逻辑思维.推理分析的核心要素,也是描述万物基本要素和成因的概念之一.阴阳代表事物的对立关系,它是自然界的客观规律,是万物运动变化的本源,是人类认识事物的基本法则.万物皆有阴阳,不可割裂,阴阳相互依存.   笔画是构成字体的基本元素,汉字笔画设计融入了书写的韵味,融入了“阴阳”线的处理方法,讲究线条.笔画之美,使笔画挺拔有力.刚柔并济.   阴阳线看似高深,其实理解起来也很简单,字体有重量,笔画分粗细,笔画有两侧,单个笔画的两侧就是阴阳线.…

1.首先找一张看起来很酷的图(也可以选择自己喜欢的图片):   2. 复制图层,点击添加图层样式,选择混合选项,在高级混合里面的通道选项,有R.G.B三个通道选项,默认是全部勾选的状态,选择其中一个勾掉(关于通道应该选择哪一个或者哪几个,可以挨个尝试一下,勾选一个或两个,位移之后的颜色也是不同的).然后回到图层中,向左移动(移动大概几个像素的距离,让图层有略微的错位感,注意:如果错位过大容易眼晕,需根据情况来调节): 3. 复制刚刚的图层,向右移动,这时,能够看到图像出现了通道错位的效果: 4.…

版式设计是视觉传达的重要手段之一,版式设计,即把有限的视觉元素在版面页进行有效的视觉组合,最优化地传达信息的同时,去影响受众,使受众产生视觉上的美感. 版式设计基本流程  在进行版式设计时,设计作品的受众层次及兴趣爱好.消费能力.审美需求以及年代.地区等均需考虑在内,然后采用什么样的方法去展现,都是需要考虑的. 或具象或抽象.或严肃或活泼.并用点线面.色彩.文字.图片等去分割.去组织版面.从而展现出人.情.物.景.意.神.象,吸引读者.紧扣主题.将商业.技术.艺术三者完美的结合在一起,引导观者的…

灰度优先 我们习惯在设计阶段的早期就开始调整颜色和色调.但是,当你意识到自己花了3个小时来调整主色调的时候,你发现这种行为毫无帮助.虽然把玩颜色很有吸引力,但是你应该避免在设计初期进行这种行为. 相反地,你应该强迫自己专注调整间距和布局元素.这种布局的约束是非常有效的,它会为你节省很多时间.调整间距和布局元素并不是那么无聊.如果你想表达不一样的东西,尝试使用不同的色调即可. 远离纯灰色和纯黑色 多年来,我学到的一个最重要的颜色技巧之一就是避免使用不带色调的灰色.在现实生活中,相信自然 最佳的色彩…

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,“熟读唐诗三百首,不会作诗也会吟”. 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的文字显示.…

PS网页设计教程--30个优秀的PS网页设计教程的中文翻译教程   作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 下面是本系列的30个优秀PS网页设计教程的翻译教程,本人历时一年有余,翻译了这些教程.在翻译的过程中,重新截了中文版的图,也修正了一些参数,并给出了一些更好的技法的建议,更加适合新手上手练习,适合初学者临摹学习,也可以给有一定基础的设计者做个参考. 在这儿和广大网友交流,大家互相学习,…

教你如何用PS制作多款按钮UI设计教程 本文教大家制作按钮的方法 LV. ★ 初入设计,学做按钮.只会套个底色,加个阴影,字体纯白,小聪明的弄个圆角. LV. ★★(描边.字体.内阴影) 看了很多案例,学会了一些小技巧,内描边1PX深色描边使效果有所提升.注意描边要贴近按钮色,不要用纯黑和纯白. 其次,字体的颜色也同样不要用纯白,要用贴近按钮色的单色最佳. 当学会了内阴影这项技能后,你就发现高光的按钮看起来非常美好. LV. ★★(渐变叠加) 渐变叠加可以让按钮产生更多de的质感效果,多多尝试,…

使用 Photoshop 的时候,没有基础操作知识的话,用起来会非常困难,所以你应该阅读一些教程才能应用它们在你的工作中.在这篇文章中你看到的 Photoshop 教程的集合是2013年发布的最优秀的 Photoshop 实例教程.我希望你会发现它们非常有用,因为它们涉及许多类型的设计. 您可能感兴趣的相关文章 30佳精彩的 Photoshop 网页设计教程 20个优秀的Photoshop 网页制作教程 30个优秀的 Photoshop 网页设计教程 25个很棒的 Photoshop 网页设计教…

随着网络技术的创新发展,如今UI交互设计应用越来越广泛,显然已经成为设计的主流及流行的必然趋势.UI界面交互设计中的动效包括移动,滑块,悬停效果,GIF动画等.UI界面交互设计为何越来越受到青睐?它有哪些优势呢? 1. 增加可用性,改善用户体验 ui交互动效可清楚的显示你产品的功能及界面,让用户更直观的了解你产品的功能.用途. 2. 传达品牌印象,展示产品功能 3. 吸引用户,提升品牌形象,增强用户粘度. 有趣的UI交互设计动效可帮助网站吸引用户,用户会一次又一次地访问你的网站,从而可提升你网站…

长阴影(Long Shadow)概念来自于最新非常流行的扁平化设计(Flat Design).扁平化设计趋势影响最大的是用户界面元素和图标,但它也开始蔓延到其他网页设计的其他部分. 长阴影其实就是扩展了对象的投影,感觉是一种光线照射下的影子,通常采用角度为45度的投影,给对象添加了一份立体感.这些阴影特别之处在于它们也是扁平的.网页设计师使用没有阴影.渐变的颜色来生成阴影. 目前,长阴影设计主要用于较小的对象和元素,如图标,LOGO 等.这篇文章给大家带来20个漂亮的长阴影 LOGO 设计以及4…

长阴影其实就是扩展了对象的投影,感觉是一种光线照射下的影子,通常采用角度为 45 度的投影,给对象添加了一份立体感.长阴影(Long Shadow)概念来自于最新非常流行的扁平化设计(Flat Design).扁平化设计趋势影响最大的是用户界面元素和图标,但它也开始蔓延到其他网页设计的其他部分. 这些阴影特别之处在于它们也是扁平的.网页设计师使用没有阴影.渐变的颜色来生成阴影.目前,长阴影设计主要用于较小的对象和元素,如图标.LOGO 等.这篇文章给大家带来的是25款很酷的长阴影效果 LOGO…

想要学习响应式[responsive:屏幕自适应的效果]的网页设计和开发技术?在这个超大的收藏集合中,我想你定会找到想要开始学习的响应式网页设计教程. 面对超过1亿的手机互联网用户,开发专业和用户友好的移动互联网站的需求正在爆炸式的增长.截止到目前的数据显示:接近10%的互联网用户是通过移动设备来访问网络资源,而且这个数字还在呈上升趋势.毫无疑问,我们有必要在我们的网站上投入时间和财力,来吸引移动用户. 为了快速启动,许多网页设计师在项目中使用来自有经验和专家的响应式框架.使用一个响应式的HTM…

从去年10月份开始,学了几个月的领域驱动设计(Domain Driven Design,简称DDD).主要是学习领域驱动设计之父Eric Evans的名著:<Domain-driven design:领域驱动设计:软件核心复杂性应对之道>,以及另外一本Martin Flower的<企业应用架构模式>,学习到了不少关于如何组织业务逻辑方面的知识.另外,在这个过程中也接触到了一些开源的架构和一些很好的思想.如:命令查询职责分离(Command Query Responsibility…

在很多国外的品牌中我们都会发现他们的英文字体在logo的运用中,不仅会提升logo的品质还会让logo看起来更加美观.今天我们就来看看都有哪些常常出现在logo设计中的英文字体吧.   字体,与文字本身是不可分割的整体.它能在潜移默化间左右着你的阅读体验,甚至决定了你对文字内容的情感趋向.在logo设计中设计师往往不仅仅会用到以下字体而且还会在此基础进行字体logo设计的提升,因为这样不仅仅更有利于商标的注册,而且可以让字体的部分更加有品牌特征充满个性.而常用的logo字体要分为以下两大类:se…

2018年时间过半,通过过去的6个月的观察,其实我们已经可以对于2018年的整个UI领域的设计趋势有了一个更为清晰的判断. 也是推出这篇文章比较合理的时机.下面我们就一起来回顾一下,过去的半年当中,UI设计领域当中的一些流行趋势. 1. 全屏背景图片 如今的全屏背景确实是最广泛的设计趋势之一,无论是使用照片还是经过特别渲染的可视化效果,均是在此范围以内. 这种方法无论是在视觉上,还是在情绪上都非常的吸引人.此外,它能够让所有的布局元素具有强烈的整体感. 这是 Big City Guide 的着陆…

移动端UI界面设计:APP字体排版设计的七个原则 发布于: 2015 年 2 月 9 日 by admin 再来谈移动端APP字体排版设计,也许有人会说,这个还有什么好说的呢?但是真正能够运用好APP字体设计的人还真的不多.不信,我们往下看看这个7个移动端字体设计原则吧! 1. 留足空间 与普遍观点恰好相反,字体并非屏幕上弯弯曲曲的线条排列:它主要在于周围和相互间的空间. 字母本身对字体的影响,与构成它的空间相比,要小得多. 要理解这一点,了解字体从何而来很有帮助:字母o(还有b.c.p等等)中…

原文:基于事件驱动的DDD领域驱动设计框架分享(附源代码) 补充:现在再回过头来看这篇文章,感觉当初自己偏激了,呵呵.不过没有以前的我,怎么会有现在的我和现在的enode框架呢?发现自己进步了真好! 从去年10月份开始,学了几个月的领域驱动设计(Domain Driven Design,简称DDD).主要是学习领域驱动设计之父Eric Evans的名著:<Domain-driven design:领域驱动设计:软件核心复杂性应对之道>,以及另外一本Martin Flower的<企业应用架…

时间如流水,只能流去不流回! 点赞再看,养成习惯,这是您给我创作的动力! 本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform.WPF.ASP.NET Core等,亦有C++桌面相关的Qt Quick和Qt Widgets等,只分享自己熟悉的.自己会的. 本站Logo由素描时光友情提供设计,商务合作请联系微信号:smsg8047. 1.网上资源 搭建一个网站其实不难,可以使用宝塔+WordPress组合搭建网站框架,再选择一个…

这些网站都会经常更新一些优秀且高质量的Web界面设计教程.如果你热爱网页设计并且经常搜集各种界面设计教程,那么你一定要把下面这些网站收藏起来. 您还可以参考以下网页设计相关教程及资源:<Web UI 设计(网页设计)命名规范><30个运用纸类元素网页设计的创意实例欣赏><2008年最佳Web设计/前端开发技巧.脚本及资源总结><精选31个网站界面设计实践教程> 1.PsdVibe 2.HV-Designs 3.SixRevisions 4.AdobeTuto…

近日,日本东京奥运会会微因涉嫌抄袭而被弃用的新闻引起设计界的一翻热论.在此我想到自己的LOGO设计,虽说并一定不好看甚至自己看回来都觉得略丑,但 几乎没有过抄袭的念头.有句话说,不想当设计师的程序猿不是好的程序猿.当然这句话只适用在网页设计的程序猿种类上.下面就来总结一下我设计过的一些 Logo,其中质量参差不齐,部分还可能是半成品.如有不适,还请自行绕过. 一.中学阶段 翻出箱底找到了一本小笔记本,记忆的扉页翻过懵懂的岁月,略有泛黄的纸张为你呈现一个少年的志向.请看: 这一时间段所设计的Log…

一天中午走在路上,顺道去看了学校新媒体艺术与设计系的学生优秀作品展.看到一个logo设计时引发了我很大的兴趣,觉得设计的非常清新活泼,不过并没有拍下来,在这里不能贴图.但是logo设计大家应该都有所概念,也没必要解释. 出来的路上我在想为什么这个logo设计可以如此吸引我,让我觉得设计得很赞.我想,所谓的logo设计就是利用尽量少的元素组合出尽量多的内涵.当我们惊叹于一个logo是如此简约,但是却能给我们视觉或者思维上深刻的印象冲击时,这种少与多的对比就体现出来了. 这里,我倒是还能拿我自己给自…