要对图标 icon 进行微调的主要部分。在之前的工作方法通常是打开某个 sketch 文件,找到某个 icon 再拖入工具中调整。而在 Nucleo 中针对 icon 的调整操作直接展示在外,只需要几次点击就能完成风格的调整。 这里想特别提一下「颜色」这个选项,其实应用已经针对双色风格对每个 icon 进行了设计,我们只需要挑选两个颜色就能快速完成一套新的 icon。如果你经常使用各种 icon,你应该会 get 到它的点。 Nucleo 之所以能做到这些细节的基础就在于所有的 icon 都是由产品提供的(不可自行导入)。我不知道究竟是先有了这个产品思路还是先设计过程中需要使用 icon 时,只需要从 Nucleo 中拖拽到设计决定了提供 icon,反正最后形成的这款产品到确实有些意思。 与以往其他同类产品不同的是 Nucleo 所提供的 7846 个 icon 整体质量都还不错,直接用于设计稿都没有问题。 回到这款 app,它的收费的形式和上周刚刚更新的 TeXExpander 有些类似,会引入年付服务费的性质(也可一次性买断)。
面的设计,其中一个界面改版是这样的: 「左侧为改版前,右侧为大熊改版后」 看起来变化很大,实际上只作几处改动: 调整了字重、大小和间距; 强化原来的卡片设计的层级; 强化了主色和辅助色; 调整了组件的摆放位置; 自己做的设计也一样,多次改动后可能面目全非,跟初版差距很大。有心里落差很正常,但只要最后的结果是变好的,那么这样的改动就很值得。(不过也要记得做好备份,改完10版最后用回第一版是高频事件) 另外顺便提一下 Luke Wroblewski,这哥们从2001年开始十多年笔耕不辍,职业生涯一直都游走在用研和人机交互间,产设计师出了很多高质量的文章。国内许多设计团队在做设计决策时,都直接或间接参考过他提供的数据和结论,在交互设计界影响力可见一斑。 如果说
易读性 ·通过形状、色彩和字体来呈现清晰的视觉层次 ·有效的支持web和移动端的导航设计 ·自适应性,适合响应式设计 ·在各种屏幕上都具备良好的可读性 ·对于开发更加友好,降低在设备上的负载 除了上面所说的一切,扁平化设计还为创意设计提供了广阔的空间。 扁平化的应用 UI界面设计 现在的UI界面设计中大量充斥这扁平化设计,你可以在其中看到各式各样的扁平化设计元素的运用。 UI交互概念设计 扁平化在UI设计中的应用范畴非常广,尤其是在移动端的UI设计上。 UI导航元素 扁平化设计的另外一个重要应用就是图标和导航元素的使用。简约和视觉化的特征让它们在UI设计中更加灵活,在小尺寸下具有良好的可读性,设计师可以使用鲜艳的色彩创造不同的视觉效果。 UI插画 越来越多的UI开始采用扁平化的风格的插画,它们具有明显的可定制性和针对性,有明确的业务目标和视角,可以更为高效地解决用户的痛点。 品牌设计 扁平化的设计所提供的时尚外观不仅具备灵活的特性,而且更容易得到数字化的支持,应用在不同的渠道,因此许多品牌也采取了扁平化设计。 小结 所设计并不是单一的风格,而是涵盖了多种常见的风格、具备多种不同目标或任务的一个设计集合体。目前扁平化设计有的这些案例证明了扁平化设计的优势,但凡事都没有十全十美的,扁平化设计有它本身的缺陷和无法克服的问题,不要过度迷信。扁平化设计开启了新的视角,尤其是在以用户为中心的UX设计中,它确实有着独特的优势。
“叮铃铃,叮铃铃。起床了,起床了!”你绝对不相信,这是我的机器人保姆达铃,还没向你介绍我呢!本人名**性*,现年25岁,现任深圳市城市设计师。 我该做事了! 我先坐上海空陆三用汽车,飞到了我的写字楼,嘿!我要先扩大公路,公路中间是30米宽的汽车道路,两旁还有15米快的单车、摩托车道,两旁还有9米宽的人行道。这大大减少了车祸发生的机率。 这时候,陆地上已不够我这个大设计师来发展规划了。说到这儿,我太得意了呀!因为市长专门发给我一张“最佳设计师”奖呢!知道吗?海里同样也是我发展的地方,我现在已经已在海底建了一座座房子,你看,各种各样的鱼天天陪着你睡,别有一般风味吧?而且如果你想要吃鱼,打开窗户,随手一抓,鲜美的鱼立刻出现在你眼前。你不用担心被淹死,吃一口我发明的“潜水丹”,潜到1千万米以下的深海也没事。 “起床!”“哦!”虽然这只是一个梦,但我相信,我的未来不是梦!
美观。 让banner好看的几个要诀: 1. 对齐 让内容纵向、横向都有一条线,可以对齐。要么居中,要么底部。尽量确保页面上不要有一个元素,没有任何元素和它能够形成对齐的关系。 2. 亲密 不要让所有内容都没有聚集地堆在一起,让那些关系比较亲密的内容聚合成一个区域,不要让一个banner上的区域超过4个。 3. 简单质感: 千万不要加任何PS的滤镜、阴影、能不渐变就不渐变,因为已经不流行了,不要盲目使用各种样式。 4. 如果要用图标,尽量选择样式统一的,且能够保持你的优先级次序。比如我们引导用户先看左边,再看右边,结果你在右边的图标里选择了一个血红的,可能用户的视线立马被吸引过来了。 5. 不要让字体超过3种。尽量用宋体、黑体、方正黑体,不要用什么魏碑体、行楷等,这种一看就比较山寨。