图形用户界面

  • 形式与功能 – 卡片式设计思考

    在互联网产品中,除了内容型外,一些功能型的产品信息内容也是相当巨大的,特别是管理控制系统,业务管理、功能操作、数据展示等。在信息量这么大的页面中除了重视内容质量外,形式功能的组织与呈现也是同等重要,…

    2016-07-28
  • sketch 插件 sketch-measure 更新,又大大的提高了工作效率 ~

    今天更新了一下sketch measure的插件,下面说一下都更新了哪些地方 1.新的UI界面 友好的ui界面使你标记起来更加便捷,新界面是不是看起来更加专业了许多,视觉上更加直观 2.输出出口 自动生成HTML的样式,而不仅仅…

    Sketch 2016-07-25
  • [译] 设计一致性的7个小贴士

    设计中的一致性会在无形之中使你的设计效果更加优秀,也更易于用户使用。它为用户提供了足够的空间去按着你要要的方式来体验你的设计。 对于一致性来说,在某些些情况下,要理解并实践它几乎是无需伤脑的事情,而在…

    2016-07-22
  • [译]使用Sketch的10个小技巧

    随着Sketch越来越受到广大设计师们的欢迎,在这分享10个Sketch使用小技巧,希望能够帮助到正在学习Sketch的同学提升相关技能。 1、学会“Insert”的快捷键 什么是你在设计中最常用的?创建一个新的Artboard A,插入文…

    2016-07-20
  • 正确使用标签选项卡的12个姿势

    这里是关于标签选项卡的12个设计准则: 1、使用标签选项卡在相同容器不同内容下的视图间切换,而不是作为导航将用户带到不同的区域。这是最重要的一点,因为在不同的标签视图下切换时保持内容容器的一致是我们在开…

    2016-07-19
  • 入行用户体验设计,规范是一切的开始

    对于用户体验设计、UI设计,入行最应该具备的基础知识是对设计规范的了解,但是很多朋友并不是很清楚如何获取设计规范,本文对各平台规范的获取做详细介绍。

    2016-07-18
  • APP UI 设计规范详解

    移动端 APP  UI 规范详解, 专注规范解析,提高设计效率!提升用户体验维度!

    2016-07-14
  • 100个弹框设计小结

    什么是弹框? 弹框是一种交互方式,用作提醒,做决定或者解决某个任务。弹框一般包含一个蒙版,一个主体及一个关闭入口,常见于网页及移动端。其好处是让用户更聚焦,且不用离开当前页面,更快更容易完成任务。由于…

    2016-06-28
  • 设计师色彩理论终极指南

    如果一幅图所表达的内容就可以胜过数千文字的叙述,那么一张界面又有多少内容可以让我们探讨呢?事实证明,这里有许多不同的主题值得我们去讨论,其中一个主题就是色彩理论,它包含挑选一个匹配颜色色系的基本技巧…

    2016-06-27
  • Sketch3.9 终于发布了原生的响应式设计解决方案

    Sketch3.9 终于发布了原生的响应式设计解决方案。

    只需要设置一个属性,便可以快速实现任意尺寸的适配。

    2016-06-27
  • 玩转中性灰 轻松调颜色

    数码图像是由红绿蓝(RGB)3种基本颜色构成的;当其中某个颜色数值偏高就会造成偏色现象,这是每个摄影师都会遇到的坏运气。大多数人只凭肉眼来判断、调整图像的偏色问题,其实这是不准确的。对此,小编本期为你着…

    2016-06-21
  • 交互密度与最小交互区域

    体验优秀的App之所以优秀,往往是因为他们能让用户快速访问到各项功能。这里就涉及到多点触摸的交互密度,一个较大的触摸区域,在常规操作下十分好用。 或许对于一些用户来说,触控区域的大区块,视觉上可能有点难…

    2016-06-08
  • 相当便利的UI交互演示工具

    做为一个移动端的互联网产品设计师,天天心心念的就是如何做出一款款能让用户爱不释手的应用,想来轻松,做起来点点滴滴都是功能、美观和用户体验的契合难题,在一个个经典创意最终拍板前,产品原型及其演示体验,…

    UI设计 2016-06-08
  • 如何快速、高效地进行图标设计

    最近做了一组图标练习,通过这次设计小练习,总结和分享下对现在比较流行的线性图标和插画风图标的一些思路和方法,源文件已经上传。 我们在设计或者绘制图标之前,首先要搞清楚图标的定义,图标到底是什么,为什么…

    2016-06-03
  • 淘宝UED的设计流程

    国内知名 UED 团队的设计流程是怎样的? 淘宝 UED 的设计流程图 <img src="https://pic4.zhimg.com/75bcc954c5e1695eeeeb1710eb62c947_b.jpg" data-rawwidth="4000" data-rawheight="1678" clas…

    2016-06-01
  • 搞定设计版本控制!一份超详细的 Sketch git 插件使用指南

    一份超详细的 Sketch git 插件使用指南

    2016-05-31
  • 【设计欣赏】这样的loading动画,我愿意等!

    毫无疑问,没有人愿意等待。尤其是在等待自己十分期待的内容时,对着千篇一律、毫无新意的加载页面,简直烦躁极了!在这些时间内,以下这些小小的加载进度条能很好的留住用户哦~

    2016-05-30
  • iOS 9设计规范 中文版 完整版

    文章索引 1.1 为iOS而设计(Designing for iOS) 1.1.1 设计跟随内容 (Defer to Content) 1.1.2 保证清晰(Provide Clarity) 1.1.3 用深度层次来进行交流(Use Depth to Communicate) 1.2 iOS应用解析(iOS App Anatomy)…

    2016-05-18