UI设计

UI 设计——字体设计经验总结

前段时间在做研究关于字体,把进来的学习进行了一下梳理,供大家参考。字体——界面设计的基石 一、在用户界面中,每一个单词和字母都至关重要。好的字体等于好的设计。字体成了界面设计的基石,而我们设计师,则是这些这类「信息基石」的修造者。二、虽然在界面设计上,有很有多微小的细节需要考虑:比如平衡、定位、层级和结构,但是有了好的文案和字体,就成功了 95% 。好的字体设计或排版,都是

UI 设计教程——化妆品线性图标

线性风格也可以叫做线条艺术(liner art),顾名思义是用线条作为表现画面的笔触,线条艺术细分种类特别丰富,而在这篇教程里,我们所用的线条是同样宽度的线条,在形态上更趋于几何造型,这在扁平化网页中使用颇多。这类风格所绘制的图标造型明朗,且线条干净,风格简洁。在网页中可以当图标用,也能装装插画君。一、观察和草图当我们要将一个物体绘制成为线条的时候,我们第一件事是需要观察物

制作剔透的玻璃按键 UI 图标教程

玻璃按钮的暗部非常少,重点是高光部分的渲染,可以先用图层样式做出内侧边缘高光及底部的投影;再用手绘的方法加上顶部的高光;其它部分可以加上一些环境光或倒影等即可。最终效果 1、新建一个画布(我的是1000*1000px,新手可以效仿),背景颜色(个人喜好,我的背景是图片模糊处理过的,我会在专门发一篇关于背景的,这次先添加颜色就好)新建一个你认为合适的导航,我这里是圆角为17p

无框界面时代或将到来:无框界面优劣浅谈

我从不认为有框与无框之间又对错之分,只是此处做个预言,未来的世界会朝无框迈进。 什么是无框界面纵使几大设计风格已形成寡头垄断(如苹果的圆角玻璃、谷歌的层级、微软的方块…),但界面设计的进化历程才刚刚开始。我曾在之前的《[译文] 去形式化——移动设计新趋势化》写过关于去形式化的话题。在这个新趋势中,界面上的内容越来越重要,相对的,一切与内容无关的都被大大削减。去形式化是一张非

UI 设计中的颜色运用:一个可行的框架

之前也写过一篇讨论UI配色的文章 UI设计之黑白灰,同样是对优秀作品的观察,但是本文作者的观点真的很新鲜,希望能给大家带来一些启发,译者是站酷的real_hhok,感谢翻译。对于UI设计,我一直都是靠自学,在这其中我一直很好奇为什么有如此多的文章和书籍都在讨论颜色理论和调色板。以我自己的经验来看,要做出一个好看的设计,光凭借一个“划分为互补色的调色板”,是没什么用处的。对于

2017 年 UX 设计 3 大预测

17年,品牌将被迫拥抱技术,否则只有死路一条。在对2017年的UX设计进行预测前,先总结下我2016年的预测。2016 UX设计预测 1更多的品牌增加自定义内容和本土广告,拥抱数字式体验。准确度:A +原生广告无处不在,浑然一体融入到用户体验中,毫无违和感。Uber最近发布了一个新版本的App,能帮你快速到达目的地的同时,还增加了一个Uber feed新功能,为用户的行程提

UI设计师请守住最后一道防线!【高级篇】

产品设计的流程,通常先经过PM再是交互最后是UI设计,UI设计是最后一道工序,事实上也是最后一道防线。优秀的UI设计师,设计前都会验证功能和体验的可行性,同时善于提出质疑和发现问题,并且还可以给出恰当的解决方案。练就这样的能力其实并不难,本期分享的案例会告诉你,从哪些方面思考轻松搞定功能和体验的设计方案验证。一、案例解析我们商城近期上线了新功能“门店闪送”,以后在商城

UI 设计师如何让设计稿 100% 还原(上)

大部分新手设计师可能都会遇到一个问题,设计效果很赞,为何还原效果那么差?是开发不行?然后就吐槽开发傻X,可很少有人想过是否是自自身的原因,在开发过程中就不断和开发撕逼。今天我介绍一些关键点,通过这套系统的方法来解决你的视觉还原度,希望这篇文章能帮助到你。五大核心关键因素关于如何能让设计稿还原度像我们原版视觉一样,这里我总结了几大点,从我个人多次和开发交流过程中所总结的一些经

技能 GET:调整 UI 设计稿的三大原则四点技巧

产品经理在面对新公司新同事时,到底该如何正确的与设计沟通,才能使项目顺利进行而不耽误呢?这或许是许多产品汪经常面对的一大劫难,看看这篇文章或许可以帮你顺利渡劫。作为一只产品汪你或许也遇到过如下困扰:刚刚进入一家新公司,还没有摸清同事做事风格的时候,我们就开始画原型并交付 UI 设计。但 UI 输出设计稿给你后,常常不能和你的想法吻合,更惨的是,南辕北辙。而这个时候,你往往语