【产品 & 设计】入门 - 工具篇 - Sketch + Skala Preview-低调大师

【产品 & 设计】入门 - 工具篇 - Sketch + Skala Preview

2017-12-03 679

背景

　　我现在的工作：产品（主） + iOS 开发（辅）

　　用 Sketch 来做产品原型，更高阶一些的让专门的设计师来做，比如 icon 、视觉效果等。

　　设备：Macbook Pro + iPhone 6S

正文

　　工欲善其事，必先利其器。对于非科班出生来做设计 —— Sketch 实在是太好用了，看文章、视频半天就能开始动手做东西，输出高保真的产品效果图。正版 $99 美元的价格不菲，有 15 天试用期，如果公司能报销就太好了，正如搞 iOS 开发至少得买一个 iPod 吧？官网：http://www.sketchapp.com/

　　1、Sketch 插件

　　　　强烈建议通过 Sketch Toolbox 安装插件，官网：http://sketchtoolbox.com/

　　　　1.1　　Content Generator Sketch Plugin

　　　　　　自动生成人物头像、姓名等信息，让设计稿的数据和效果更佳真实，Github：https://github.com/timuric/Content-generator-sketch-plugin

　　2、Sketch Mirror 替代品 - Skala Preview（免费）

　　　　支持将设计稿一键同步显示到设备。官网：https://bjango.com/mac/skalapreview/ ，分别在 Mac 和 iPhone 上装一个 App，然后装一个 Sketch 插件即可。

　　3、Sketch 资源站

　　　　开始做设计的话可以先搜索下载 Android Material Design / iOS 9 UIKit 等模板

　　　　Sketch 中文使用手册

　　　　http://browse.sketchapp.tv/

　　　　http://www.sketchappsources.com/

　　　　Google Material icons ：https://design.google.com/icons/　　许多小 icon 都是从这下载的，建议下载 svg 文件，可以直接拖拽到 Sketch 里面

　　　　Android 的设计规范：Android Material Design

　　　　iOS 的设计规范：iOS Human Interface Guidelines

　　　　Windows 的设计规范：Design applications for the Windows desktop

　　4、招设计师，厉害的那种

　　　　我们的产品主要是面向海外用户，产品 & 设计除了参考 Android/iOS 设计规范主要借鉴 Twitter、Facebook、Snapchat、Periscope、 Instagram 等一线 App ，力求简洁易用。团队介绍和要求看这里。

结束

　　这里只分享我用了并且确实好用的东西，Sketch 好强大，我目前只使用了一小部分就满足了基本的设计需求。

本文转自博客园农民伯伯的博客，原文链接：【产品 & 设计】入门 - 工具篇 - Sketch + Skala Preview，如需转载请自行联系原博主。

微信关注我们

原文链接：https://yq.aliyun.com/articles/327382

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

iOS 疑难杂症 — — 推送本地国际化 loc-key 本地化失败的问题

　一、准备推送本地国际化官方文档： https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/RemoteNotificationsPG/Chapters/TheNotificationPayload.html#//apple_ref/doc/uid/TP40008194-CH107-SW7 NWPusher 测试推送内容： {"aps":{"alert":{"title":"Shou","loc-key":"notification_push_live","loc-args":["over140","broadcast test"]},"badge":0,"sound":"default","content-available": 1}} 在en.lproj/Localizable.strings 中对应写（系统语言默认英语） "notification_push_live" = ":space_invader: %@ is broadcasting %@"; 二、问题收...

2017-12-04

634

代码：在 UITableViewCell 中 1 2 3 4 5 6 7 8 9 10 11 override func gestureRecognizer ( gestureRecognizer : UIGestureRecognizer , shouldReceiveTouch touch : UITouch ) - > Bool { if let label = touch . view as ? TTTAttributedLabel , let link = label . linkAtPoint ( touch . locationInView ( label ))?. result { if let url = link . URL where ( link . numberOfRanges ?? 0 ) > 0 { if UIApplication . sharedApplication (). canOpenURL ( url ) { UIApplication . sharedApplication (). openURL ( url ) } ...

2017-12-04

693

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。