学会这 6 个特殊视角的构图方法，让你的设计脱颖而出！

白无常：许多设计师都习惯的把精力放在视觉元素的效果上，而忽视了视觉元素之间的位置关系。如果对设计的构图没有了解，即便是精彩的画面效果也发挥不了作用，甚至会误解了传播的信息。设计构图的作用构图过程是设计师从混乱的视觉元素中找到条理性，帮助观者在各个视觉元素之间建立联系，从而有助于他们阅读。设计的构图的作用是为了加强视觉的张力增加设计的趣味性，吸引并引导着观者的注意力。视觉焦点

产品 2017年01月10日

设计思考，不只是流行词而已

‏设计思考是常常被人们提到的概念之一，但大家对于它的精确定义却是众说纷纭。[](https://github.com/xitu/gold-miner/blob/master/TODO/design-thinking-not-just-another-buzzword.md# 定义)定义这个思维方式不是一个被孤立，独立的学科。设计思考更像是一个综合性的，多方法论的，用来解决工

产品 2017年01月10日

设计练习：汽车经销商互动平台的页面界面设计

随着汽车智能化的发展，汽车网站界面设计占据了重要的地位，那么，汽车网站用户界面应该是怎样的呢？如今互联网已经成为汽车品牌营销的主要阵地之一，汽车网站 界面设计 直接影响到汽车的销量的好坏，关乎品牌形象,影响用户体验,因此，汽车企业应该将 用户界面设计 重视起来。汽车网站界面其实不好设计，因为得考虑的不只是美观，更多应该在操作体验及视觉舒适度上下足功夫。这是一个优秀的页

产品 2017年01月10日

iOS 和 Android 的 app 界面设计规范

记录一下iOS和Andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通iOS篇界面尺寸设备分辨率状态栏高度导航栏高度标签栏高度iPhone6 plus1242×2208 px60px132px147pxiPhone6750×1334 px40px88px98pxiPhone5/5s/5c640×1136 px40px88px98pxiPhone4/4s64

产品 2017年01月10日

爽歪歪！推荐 10 个 UX 设计经验分享网站

用户体验（UX）是一个很奇妙的词，它本身并没有被定义为任何一件特定的事。它不等价于UI，简单的来说UX是界面的人机工程学，包括视觉传达和逻辑表现部分。那么，在用户体验愈发重要的今天，如何打造出令人满意的UX，成了每个开发者都关注的问题。本文精选了10个主攻UX设计介绍和经验分享的网 站，从中寻找自己所需的灵感吧。1. UX MagazineUX Magazine是一个免费的

产品 2017年01月10日

App 界面的交互设计规范

今天分享给大家的是App界面交互设计基本知识：从零开始掌握交互设计看了。 APP设计规范指对APP界面进行风格统一，对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要，约 定设计规范可以减少产品、设计、前端的沟通成本;可以使界面设计整洁、统一，减少界面元素的重复设计;可以减少设计素材，控制安装包的大小。APP设计规范主要包括对界面布

产品 2017年01月10日

小程序给视觉设计师带来怎样的变化

本文阅读约需耗时 3 分钟，为了节省大家的时间，先说我的结论：「 变化个 P！ 」微信小程序虽然是今天才正式发布的，但最近好像很多次被问到「小程序的到来会给设计师带来怎样的变化」这样的问题，说实话，我被问一次就懵逼一次，每每使劲转着小脑瓜想要罗列个 123 出来都失败了……显然因为我不是个善于总结、提炼、沉淀的人，而这背后我也觉得问题本身哪里不太对劲儿……小程序这样战略

业界综合 2017年01月10日

2017 网页设计趋势：设计趋势期待 [信息图表设计] - 设计方法

网页设计的世界总是在变化发展，没有什么趋势是亘古不变的。设计师总是想出一些独特的东西来保持行业新鲜。每年都会有一些新的流行趋势诞生，旧有的一些趋势逐渐消失或继续繁荣。因此，你必须要跟上设计变化的趋势，保证自己的竞争优势。业界资深人士已经在预测2017年UI和UX的一些流行趋势。2016年是网页设计伟大的一年，让我们来看看2017年有什么值得期待的流行趋势。看看下面这张信息图

产品 2017年01月10日

Sketch 变量批量插件 (Data Populator)

Sketch之所以被大家广泛使用，第一是它自身切入点在细分市场，第二是支持插件。那么会编程的同学们肯定知道变量这个道理，以往的很多数据插件也都是选择式数据，现在Data Populator 升级到2.0，作为变量的鼻祖怎能输给小弟呢！！填充预设：允许您选择其中一个预设以及配置数据和布局选项。使用JSON填充：将要求您选择一个可以放在计算机上任何位置的JSON文件， 选取JS

产品 2017年01月10日

Sketch 制作模糊背景效果

1：Commond + D 复制出来当前画板2：选中画板上的所有元素，菜单-Layer-Flatten Selection to Bitmap，这样画板上的所有矢量元素就合并为了一张位图3：新建图层覆盖画板，将该图层填充颜色后透明度调为0%，然后调整其高斯模糊选项为背景模糊50px这样就形成了背景模糊的效果。如图A。不新建图层而直接将位图图像进行50px高斯模糊，也接近这种

产品 2017年01月10日