• xScope——界面设计师的终极工具箱


    xScope 是一款集成了多种工具的合集类软件,设计师可以通过 xScope 中提供的小工具测量屏幕上的元素尺寸,软件支持多种方式的测量,还有颜色和iPhone 界面快速设计等功能。对于界面设计师来说,这些界面尺寸测量工具非常好用,xScope  也是很好的工具软件。xScope  来自开发商 Iconfactory,这家开发商也是知名推特开发商 Twitterrific 的开发商。这次 xScope 更新至4.0版本,界面设计上与将于今年秋天发布的 OS X Yosemite 适配,功能和体验也大幅提升。


    Screen Shot 2014-07-02 at 11.44.45 PM.jpg 

    点击这里下载 xScope

    Screen Shot 2014-07-02 at 11.45.01 PM.jpg 

    第一次打开 xScope时,会弹出帮助窗口,我们可以在帮助窗口中了解 xScope 的新增功能。xScope 主要支持10项功能:镜像、文字测量、尺寸、尺子、覆盖、屏幕虚拟、取色器、标尺、框架和十字标。这些功能可以很好的完成测量、侦测和测试工作。随后可以点击xScope 的帮助菜单继续查看这个界面。对于 xScope 来说,最终要的是测量其它应用的元素尺寸,所以应用本身并没有独立的界面,只会在屏幕左上角显示工具条,这个工具条无法移动,我们可以根据需要在10个主要功能中选择。10个功能有很形象化的图标。

    Screen Shot 2014-07-02 at 11.45.43 PM.jpg 

    下面就是 xScope的文字测量工具,当我们输入文字后,可以选择需要测量的文本,可以右侧的窗口可以将文本一些尺寸方面的信息显示出来,非常方便。

    Screen Shot 2014-07-02 at 11.46.47 PM.jpg 

    下图是 xScope 的测量工具。当用户选择后,鼠标会自动变成十字标,而两个测量线条会自动附着在界面元素上,完成测量操作。xScope 主要测量单位是像素,可以在设置中调整为其它单位。

    Screen Shot 2014-07-02 at 11.47.22 PM.jpg 

    下图是 xScope 的测量尺功能,可以根据需要拖拽尺子的长度,对于测量动态的界面元素非常好用。

    Screen Shot 2014-07-02 at 11.47.37 PM.jpg 

    这是 xScope 的拾色器功能,选择后,可以将鼠标位置的颜色显示出来。当然,OS X 系统已经内置拾色器应用,不过 xScope 的拾色器功能更强大,界面感觉也更现代。

    Screen Shot 2014-07-02 at 11.48.14 PM.jpg 

    xScope 可以徐您一个 iPhone 屏幕,支持横屏和竖屏两种模式。当然,还支持 iPad 屏幕虚拟,完成屏幕虚拟后, 可以在右侧选择界面元素,比如状态栏等。

    Screen Shot 2014-07-02 at 11.48.49 PM.jpg 

    xScope 的标尺功能很简单,选区之后屏幕上会出现一条黑线。这是可以移动黑线的位置,移动的同时会看到实时的尺寸数据。

    Screen Shot 2014-07-02 at 11.49.16 PM.jpg 


    Screen Shot 2014-07-02 at 11.49.27 PM.jpg 

    xScope的 框架功能和十字标功能是非常基础的,对于整体应用来说,这两项功能让套件变得更完整。有了这10项工具,在 OS X 系统中可以测量任意位置和界面元素的尺寸,无论情况怎样,总有一款适合的工具。

    Screen Shot 2014-07-02 at 11.49.32 PM.jpg 

    xScope 的偏好设置中可以对应用所有工具的行为和方式进行调整,目前,xScope 还不支持中文。当然,对于设计师来说,这些都不是问题。xScope 的设计感觉更现代,更简约,各种工具的风格和体验配合的非常完美,是界面设计是的终极工具箱软件。

    Screen Shot 2014-07-02 at 11.49.59 PM.jpg

  • 相关阅读:
    EF之Model First
    easyui报错 Cannot read property 'length' of null
    EF迁移报错An operation was scaffolded that may result in the loss of data. Please review the migration for accuracy.
    Vue脚手架搭建
    [LeetCode No.20] 有效的括号
    爬虫-给女朋友的每日天气预报
    [LeetCode No.316] 去除重复字母
    [LeetCode No.738] 单调递增的数字
    [LeetCode No.49] 字母异味词分组
    [LeetCode No.34] 在排序数组中查找元素的第一个和最后一个位置
  • 原文地址:https://www.cnblogs.com/sunnyke/p/4497798.html
Copyright © 2020-2023  润新知