设计文章

版式设计中的小细节有大讲究,这些你都知道吗?

设计圈里一直盛传这样一句话: “设计细节决定设计品质” 。笔者从事UI设计8年很认同这句话!今天就带各位小主扒一扒版式设计中的那些有大讲究的小细节。元素层级关系我们来看版式设计中元素大小之间的层级关系。(见下图) 首先我们来看字号,在版式设计中,一级标题应大于二级标题、二级标题应大于正文字号。和web端网页设计不同,出版印刷的最小字号不能小过5号,正文一般在8号左右;笔者之

你在网站里不会迷路,要感谢这个导航设计

A 君注 :现在网络世界缤纷多彩,大家的注意力也更加短,如何让用户更久地留在你的网页里?「面包屑导航栏」就是其中一个关键。AppSo(微信号 appsolution)这篇文章,分享网页设计「面包屑导航栏」的 3 个 W,让你给用户提供更好的网页体验。面包屑导航(或面包屑痕迹)作为辅助的导航系统,它能告诉用户其在网站或网页 app 中的位置。 这个词语来自汉赛尔与格莱特(又译

小技巧,新趋势!简单有效的空间共享式网页排版

越来越多的网页内容开始采取别具一格的排版设计,其中最典型的一种,就是让文字布局横跨不同的元素所处的区域,让排版和其他的模块共享空间。这种设计理念并不复杂,而这种趋势也在网页设计领域越来越热。这种设计手法非常容易识别,文字排版部分通常会从页面的一个区域,延伸到另外一个模块所在的区域,比如某个图片上的文字内容延伸到另外一个图片或者彩色区块当中,共享了其他组件的空间。这种设计所牵

PS 教程!3 小时拟物图标速成记之相机篇

@吃喝玩乐团团长:临摹过那么多拟物教程,依然不能自己动手做拟物图标?今天这篇教程包含了大量基础的拟物绘制套路,临摹完保证让你恍然大悟。前段时间做了一些拟物的练习,学习设计就是要多看,多想,多做。现在就把这段时间学习的知识用教程的方式拿出来与大家分享。效果图:长话短说,接下来就让我们沉迷学习啦~步骤一:制作背景第一步 先打开PS工具,创建一个新的文档,数值具体设置如下:宽度:

未来的汽车用户界面将会让人惊叹

如果有一天让你来设计汽车?未来的汽车会是什么样的呢?它为什么会让人震惊? 当你想确定你是否已经锁好车,关上灯,或者把你的车钥匙交给刚考完驾照的小屁孩的时候,你是否觉得自己是个偏执狂?这个移动app可以让你在不离开座位的时候检查这一切,有一个柴油混合动力车?你甚至可以在你吃早餐的时候启动引擎。直观的动画会反馈你这个动作是否已经完成。车载控制面板用户界面它为什么会让人震惊? 这

"大众点评、巴塞电影、蚂蚁短租" 等 18 款产品的 "玩味点" 截图|界面设计(008)

这些天又小积累了一批感觉不错的界面设计图,各有特色,不一样的美感。一共18款产品,记录如下,1,大众点评 大众点评 App大众点评 App大众点评 App 大众点评 App大众点评 App大众点评 App精美,海报级的设计感2,巴塞电影 巴塞电影 App巴塞电影 App巴塞电影 App巴塞电影 App很有艺术气息3,花田小憩 花田小憩 App花田小憩 App花田小

网页设计常见表现手法

……表示有人要我年底发点东西,没神马好货可以吐……抽时间拿某次内部分享凑凑数吧……要干的活太多,偷了偷懒,就没整成适合阅读的尺寸了,有阅读不方便之处,还望大家谅解……其实这些理论很多大神都有分享过,只不过我是新瓶装旧酒,多包装了一下,加入了一些新的案例和自己的见解而已。水平有限,不代表就是真理。有什么不妥地方,也可以指出多探讨。设计的理论有很多,这只是其中个人觉得基础中的基

UI/ 视觉设计一定得知道的透视用法

你真的懂如何在视觉设计中运用透视原理吗?今天结合俩个实际的例子(酷狗音乐和必应词典)告诉大家,最常见的俩点透视和三点透视到底怎么用!昨天我们讲了几种基本的透视原理,很多同学都已经做了练习,掌握的很不错。新读者们一定要回去看看那篇文章噢。为了让大家有一个更清楚的认识,能够很快掌握这俩种最基本的透视原理,今天我们将最常见的俩点透视和三点透视运用在了实际设计中,希望大家能够继续练

年底巨献!2016 年年度设计圈干货精选大合集

设计圈干货这个板块,每个月都会定期给设计师和开发者们推荐最新的APP、设计资源、开发框架以及各类工具,每次推荐数量庞大,覆盖广泛,不论你身处整个设计开发流程的哪个环节,总能在这里里面找到你想要的。时间走到了2016年年底,也是时候将这一年当中最优秀的干货集结一波推荐给大家了。THEME.CARDS Theme.Cards 是一组优秀的免费主题合集,其中涵盖了博客模板,登录页