设计思维的本质性思维，通过一系列的提问直达问题本质

一、为什么做「他山石」？

自界面设计诞生的20年间，设计还原度不高的问题始终困惑着设计师们。设计稿高大上，还原下来却面目全非。解决界面还原问题仍然是不断考验设计师和开发们眼力和耐心的过程。总算我们的设计师使出巫族之力，亲自操刀设计了「他山石」APP来解决这个问题。

二、什么是「他山石」？ #

「他山石」是一款端的视觉还原走查工具，可以通过以下视频了解基本功能。 #

视频链接： #

三、对于走查，设计、技术两种思维的差别是哪些？

#

假象的问题是：界面还原度不高，技术思维对同一件事情的解析和出发点不同，造成对同一个问题的不同见解。 #

技术思维的特点：前馈思维，减少耦合度、代码复杂度，提高代码独立运行能力。

设计思维的特点：本质性思维，通过一系列的问题撕开层层假象，直达问题本质。

四、技术思维的思索过程 #

底层、框架、代码、界面分离以减少耦合度，保持互相独立以减少代码的复杂度和良好的运行能力。所谓的视觉是MVC（、、）中View视觉控件中的一系列的界面参数，技术关注具体的参数相差多少，之后具体调整多少参数。对于类似这样的话「你只要告诉相差多少，加强几号字体，哪些颜色值就好」你一定不陌生。

#

五、设计思维的思索过程 #

设计思维的本质性思维就是通过一系列的提问，找到解决问题的关键点。 #

1.我们要解决的问题是哪些？

#

走查还原问题。 #

2.走查的本质是哪些？

对比两个界面之间的差别 #

3.她们都如何对比？

4.开发为何对比得没有设计好？ #

5.思维方法可快速复制给开发？

#

设计走查的思维和方法是被验证有效、且仍然在设计侧推行的有效解决方案之一，证明该方法早已具备一定的可行性。 #

6.有无更好的解决方案？

在此基础上，是否有更便捷更高效的走查形式，例如智能界面检查对比？我们也就在这个方向的可行性上做了一轮核高基，手机端的布局信息和的布局信息完全不一样，假如要统一设计和开发的布局框架信息，对执行标准要求十分严格软件设计师通过率，最后我们舍弃了智能检查对比的方案，出发点是假如不能给出有意义的测量结果和建议，这么对于走查并没有根本上的帮助。但我们在会努力在PC端去尝试更智能的检查方法。

#

7.哪些样的工具可以解决这个问题？ #

想象一下假如有一款手机端的走查工具，无论你在工位、会议室、外出、家中，都可以随时随地完成走查，那会怎样样？ #

六、能随时随地完成走查的「他山石」

#

它针对联通端的特点，使用漂浮窗菜单的方法，可以在任何界面上方呼出工具栏，通过导出设计稿后，将设计稿覆盖在界面上方，进行详尽对比，具体功能一览见右图： #

1.产品定位及功能

确定产品定位

按照走查场景和目标人群，我们希望这个工具是个快速、简单的走查工具，以满足不同角色，可以上手简单、随时随地快速完成走查。

确定产品功能

走查主要内容有以下5个方面，「他山石」主要功能包括前4个，这样可以在人力投入有限的基础上，覆盖绝大部份的走查工作。 #

2.同类产品剖析 #

一款PC端标明工具软件设计师通过率，包括了大小检测、间距检测、取色、说明文字等主要功能。 #

一款强悍的专业图形软件，设计师在走查中会借助到它的部份功能。 #

一款专业界面设计软件，功能更精简，运行更快更轻便，使用走查个人用的极少，由于有时要操作还原界面图片，用PS会更符合我的个人习惯。

#

3.主界面展示

漂浮菜单及主要功能

#

抓图功能和网格功能

七、设计反响

#

目前「他山石」在应用宝内部实行试用，给设计专业以外的人士，提供了一种简单快速的方法来完成走查。在合作中收到好多正面的反馈，界面的整体还原度有较显著的提高，不少开发朋友整体还原度在90%以上，有些相对简单的页面100%还原，例如右图这些常见的卡片还原，是开发朋友自己用「他山石」走查的截图，一次通过率较高。

#

依据我们接的营运后台统计发觉，「他山石」在不仅应用宝内部，也被用户主动传播，这也给我们更多的信心继续建立他山石的体验。

#