UI设计教程分享：字体变形—阴阳收缩法

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

UI设计教程分享：让你彻底读懂字体

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

UI设计教程分享：Ps合成炫酷机械姬

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

UI设计教程分享：电商网页页面设计常见表现手法

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

ui设计教程分享：关于Logo设计要素

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

UI设计教程分享：6个不能错过的UI设计网站

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

UI设计教程分享：关于海报的合成过程

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

UI设计教程分享：banner设计

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

UI设计教程分享：设计一个高质量的logo要从哪方面入手呢？

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

UI设计教程分享：PS故障风海报制作教程

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

教你如何用PS制作多款按钮UI设计教程

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

UI设计教程学习分享：APP布局

一.宫格布局这种APP信息布局方式也是我们目前最常见的一种方式,也是符合用户习惯和黄金比例的设计方式,最知名的就是锤子手机的界面设计.锤子手机界面设计欣赏知名的APP设计采用的九宫格.六宫格等方式布局有:携程APP.途牛APP.支付宝APP等等. 九宫格是一种比较古老的设计,它最基本的表现其实就像是一个三行三列的表格. 采用宫格布局的优势: 非常方便的适配所有的移动手机机型.因为这样的结构是最有利于内容区域随屏幕分辩率不同而自动伸展宽高,同时也是ios和android开发人员比较容易编写的一种…

UI交互设计教程分享：提高界面交互体验的“葵花宝典”

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

UI设计教程：关于版式设计

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

UI设计教程：如何在设计中运用颜色

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

UI设计技术分享：教你几个设计技巧让老板对你的设计赞不绝口

我们做任何设计都离不开大小与重复的运用,这样能使我们的设计更加理性和科学,经得起推敲,那么我们一起来探讨下如何在产品设计中运用这一方法. 为什么大的物体更吸引眼球 ▲如上图所示,a球会比右边b球更吸引我们去阅读,大的物体视觉重量会比较大,我们眼球的视觉方向就自动转向它. ▲如上图所示,我们保持刚的大小,把a的透明度改变下,视觉重量是不是发生了变化?WHY? 当我们把 a 球的视觉重量降低后,那么即使 b球很小,他也会很吸引我们眼球,这是因为 b球视觉重量比较大. ▲如上图所示,如果两个球大…

ui设计的好网站（转载）

设计师网址导航 http://hao.uisdc.com/ 站酷国外: Dribbble - Show and tell for designers.Behance 这两个网站就够了啊 ——————————————————————————————————————————优设网优设-UISDC: 优秀网页设计联盟-SDC-网页设计师交流平台站酷网站酷 (ZCOOL)花瓣网的UI交互设计板块 ui交互设计_发现采集你喜欢的UI设计素材UI中国 UI中国-专业界面设计平台UI设计爱好者 UI设…

UI设计课程教程分享：Banner的设计和技巧

Banner是一个网站的中心主题,可以从banner看出网站的内容.所以一个好的banner对网站的影响很大. 提高banner的制作从几点深入了解:文字排版.选择适合的图片及背景.颜色的用法. 一.文字排版文字中间大,上下小,大部分的排版都在遵循着这个规律,因为人们视线是散发性的,而且这样的做法可以让画面更具有张力. Banner上的字没有要求,但一定是易识别的.人们买东西不是猜谜语和欣赏,就是要简单. 聚拢原则,不要让用户到处找文字信息,这样也可以让画面看的更加规整,不会使画面看着很乱.…

详解 “Android UI”设计官方教程

我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Android UI设计,我们把这个教程整理出来,希望大家喜欢. 想了解全部Android UI教程内容请点击51CTO独家专题:谷歌官方教程:Android UI设计技巧作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条.因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱. 这个教程包含…

分享20个最新的免费 UI 设计素材给设计师

用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能.良好的用户界面是一致的,可以使网站更容易理解和使用.UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常重要.在这篇文章中,我们收集了20个最新的免费 UI 设计素材给设计师. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计让网站动起来!12款优秀的 jQuery 动画插件 8个…

最近因为突然喜欢这方面的ui设计，所以搜刮了很多我试过可用性强的界面，又可爱又实用···分享给大家咯

最近因为突然喜欢这方面的ui设计,所以搜刮了很多我试过可用性强的界面,又可爱又实用···分享给大家咯 1.Side-Menu.Android 分类侧滑菜单,Yalantis 出品. 项目地址:https://github.com/Yalantis/Side-Menu.Android 2.Context-Menu.Android 可以方便快速集成漂亮带有动画效果的上下文菜单,Yalantis出品. 项目地址:https://github.com/Yalantis/Context-Menu.Andr…

ui设计学习路线图分享送给初学者

本文来源:千锋UI设计 Ui设计师就业市场前景及薪资很可观,而且现在市场上对于ui设计师的人才需求也很大,所以,现在越来越多的人看好这一行业,纷纷投入到ui设计的学习中来,那么想新手想要学好ui设计,以下这份完整的ui设计学习路线图分享给大家参考学习,希望对大家有一定的帮助. 好的学习课程可以让我们的学习更清晰,更能清楚自己每个阶段的学习内容及掌握的情况,所以,这份我千锋的ui设计课路线很适合新手去一步步的学习和掌握,只有每一步都彻底的理解之后,才能清楚自己学到哪里了,能阶段性的完成什么样的…

移动端UI界面设计：APP字体排版设计的七个原则

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

国外一些好用的UX/UI设计工具和资源分享

国外一些好用的UX/UI设计工具和资源分享你今天使用的设计工具也许不再适合以后的网页和APP设计项目了.新的工具不断的推出市场,目标只有一个,让你的工作更快.更容易而且工作成效更好.今天分享的这些UX/UI设计工具和资源,有专注于快速原型设计.强大的团队协作功能.和设计可用性测试或成品测试等,希望能对你的工作有所帮助,快来体验吧! ●Proto.io Proto.io把原型制作提高到了一个新的水平.除了可以上传这就的设计,你还会发现这里有一个最真实的互动UI库之一.用它创建一个原型,非常容易,…

分享UI设计模型

UI设计模型是可重用的界面设计解决方案,可以让开发人员少走弯路,节约不少开发时间.下面慧都小编跟大家分享6个很有用的UI设计模型资源,希望对你有用: 1.UI Patterns 由一个丹麦人开发的UI模型库,这个网站不仅有很多漂亮的设计实例,还提供对UI设计中已解决问题的归纳总结,非常清晰. 2.Quince 是由著名界面控件开发商Infragistics发起的UI资源库,功能非常强大.Quince是一个社区驱动型的模型,它鼓励UI设计师和开发人员相互合作.交流并共同促进Quince的不断发展.…