Swift 项目引入 LeanCloud

发表于 2018-09-08   |   分类于 Swift 课程

安装

  • 创建一个 Single View Application
  • 在项目根目录创建一个 Podfile
  • 在其中加入如下代码,这里的 ins-test 是项目名,然后执行 pod install
use_frameworks! 
target "ins-test" do
  pod "LeanCloud", "~> 11.0.1"
end
  • 打开项目名.xcworkspace文件
  • 在项目的 AppDelegate.swift 中加入 LeanCloud 引入的代码引入代码

测试

Appdelegate.swift 文件中加入如下代码

测试代码

然后运行应用即可在 LeanCloud 控制台看到创建的数据

测试数据

测试代码

Podfile

use_frameworks! # LeanCloud Swift SDK can only be integrated as framework.

target "ins-test" do
  pod "LeanCloud", "~> 11.0.1"
end

AppDelegate.swift

//
//  AppDelegate.swift
//  ins-test
//
//  Created by HuanCheng Bai on 2018/9/8.
//  Copyright © 2018年 HuanCheng Bai. All rights reserved.
//

import UIKit
import LeanCloud

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?


    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        LeanCloud.initialize(applicationID: "3B5SllOK7TgK5xGQTpxXARPH-gzGzoHsz", applicationKey: "9DB0NF42z5uNUlzb6WbeovDE")
        let post = LCObject(className: "TestObject")
        post.set("words", value: "Hello World!")
        post.save { result in
            switch result {
            case LCBooleanResult.success: print("Success")
            case LCBooleanResult.failure: print("Failure")
            }
        }
        return true
    }

    func applicationWillResignActive(_ application: UIApplication) {
        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
    }

    func applicationDidEnterBackground(_ application: UIApplication) {
        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
    }

    func applicationWillEnterForeground(_ application: UIApplication) {
        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
    }

    func applicationDidBecomeActive(_ application: UIApplication) {
        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
    }

    func applicationWillTerminate(_ application: UIApplication) {
        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
    }


}

参考链接

  1. https://leancloud.cn/docs/start.html
  2. https://cocoapods.org
  3. https://leancloud.cn/docs/leanstorage_guide-swift.html

issue 14: 图标设计的要点

发表于 2018-09-08   |   分类于 设计课程

笔记部分

  1. 一致性强

    1. 细节构成一致:图标细节包含线条粗细、圆角大小、不透明度、倾斜角度、断线长度及接头样式(平头/圆头)、视觉大小等。视觉大小是指虽然实际大小不一致,但是视觉大小是一样的。同样尺寸的圆和矩形,矩形看起来会更大,所以要适当调小偏矩形的图标尺寸,使他们视觉大小一致。
    2. 元素一致:在图标中反复使用同一种元素能直观体现出他们一致性来,这样做的好处是能具有很强的辨识度,令人印象深刻,用户很快就能记住这些图标,加强了品牌建设。
  2. 易于拓展:功能图标有时甚至可以直接当作应用图标或者 logo 来使用,同时还可以通过点线面动效变化做下拉加载动画,这是单个图标的扩展。同时随着业务和功能的变化,在产品发展过程中很可能需要扩展图标库,这就要求我们在最初设计图标时应定义好视觉特征和延展规则,让图标易于在原有设计的基础上进行扩展,使得设计可延续。
  3. 图标尺寸:在移动端 iOS 规范中 2 倍图下最适合人点击的区域大小为 48*48 px, iOS 功能图标尺寸为 48 加或减 4 的倍数;安卓 android 功能图标尺寸为 48 加或减 8 的倍数。
  4. 图标网格图标网格 图标网格
  5. 形状构成:所有的图标都建议使用基础图形进行组合,运用布尔运算绘制,以保持图标整体的合理性,尽量不要使用钢笔工具勾勒(除非是细节点),钢笔绘制随心所欲不严谨,美感大打折扣。
  6. 图标细节

    1. 倾斜角度:设定一个角度规范值所有元素按倍数改变角度常用角度 15%、30%、45%、60”等会比较清晰。
    2. 像素对齐:图标的线条一定要紧贴像素网格,不然边缘会虚化模糊;形状描边对齐方式通常用内部对齐方式(不会改变图形尺寸),居中对齐会出现模糊,外部对齐会改变图标大小;

思考

  1. 短期来说,还是以用 iconFont 为主

issue 13 : 图标设计

发表于 2018-09-08   |   分类于 设计课程

笔记部分

图标是具有指代意义的标识图形,具有高度浓缩并快捷传达信息、便于记忆的特点。在移动应用中图标主要分应用图标(即启动图标/APP
logo)、功能图标两大类。

  1. 线性图标:线性图标通常出现在标签栏、工具栏、列表页等弱化视觉重点的地方,也会偶尔出现在首页等主要功能入口。特点:线性图标通常用 2px 粗细的线条绘制,也有 3px、4px 甚至 5px 的粗细度,主要根据具体产品的特性而定。作为轻量级的设计语言,线性图标能降低对用户的视觉干扰,让用户注意力集中在产品核心功能上。
  2. 面性图标:·面性图标风格干浄清爽、简洁大方、视觉占比较大,具有很强烈的视觉表现力,通常用于应用界面的主要功能入口。面性图标可塑性很强,样式丰富多样,通常又分为反白和正形(异形)两种。反白是指有底部色块背景,上面填充白色形状的图标;正形是指没有底部背景,单独的图形图标。反白图标的设计细节比正形图标更加丰富多样,视觉效果更加强烈。面性图标
  3. 线面结合:线条+面块的巧妙结合起来的图标。一般出现在年轻化,文艺型的比较有个性的产品当中,美妆类、美食类产品也经常出现。线面结合

思考

  1. 最简单的应该是线性图标,可以通过勾画外边框来实现。线面结合的会比较好看。

issue 12:启动图标设计

发表于 2018-09-08   |   分类于 设计课程

笔记部分

  1. 提取关键词:首先要确定产品的属性、核心理念、应用场景、用户群体、情感传递等内容,弄明白品牌到底想传达什么,从中提取关键词。关键词直接影响并支撑着后续设计的形式,配色,以及细节处理。因此,尽量避免含糊。从这些关键词中,去除重叠的,提取出 3-4 个最能体现产品定位的,接下来的设计就围绕着它们进行。
  2. Logo 形式

    1. 一个字:能够准确地表达 APP 的应用属性及其核心业务,更简单实用,易于推广。
    2. 产品全称:简单粗暴,加深用户对产品名称的记忆,不需要对抽象符号进行二次加工。
    3. 体现产品功能的符号:用户第一次使用时,通过图形能够预判这个产品是干嘛的
    4. 产品形象:大多与产品背后的故事、品牌的调性有关,比如印象笔记。
  3. 常用颜色及含义常用颜色及含义
  4. 根据产品的属性、用户群体定义颜色:在 LOGO 配色环节围绕着前期确认的设计关键词、产品属性及用户群体进行,会使设计更有说服力,而不是根据个人喜好去定义 LOGO 的颜色。
  5. 打磨Logo细节

    1. 圆角的地方一定是正圆正圆
    2. 用圆或椭圆规范弧线:运用到弧线的标志图形非常多,而这些弧线同样不是凭着感觉随便画的,为了使其更美观,我们需要用正圆或者椭圆来进行规范。弧线
    3. 对齐:对齐会显得更加严谨。对齐
    4. 统一:所有线条的宽度都是统一的,弧线与弧线之间的间距也是统一的,所以该图形看起来很规整、很严谨。统一
    5. 使用常见的角度:120、90、45、30、 22.5、20、15等都是比较常见的角度,这些角度值大家很熟悉,也更容易被记住和延展操作。角度
    6. 圆形轮廓与黄金比例:如果图形外轮廓的端点接近于在同一个圆上,那就让它们刚好在一个圆上,如果比例大小接近黄金比例,那就让它真正符合黄金比例。
    7. 图形与文字的大小、距离最好成某种比例关系:标志的图形和文字的大小以及它们之间的距离也有讲究,一般的做法是以图形长度的几分之一为一个单位X,然后字体的高度/字体与图形间的距离设置为Y个X值,或者以文字的横向/竖向笔画厚度作为一个单位 X,然后把图形的高度、宽度、图形与文字间的距离设置成 Y 个 X 值。注:一般在启动图标中不会同时运用图形和文字两个形象,但是在品牌识别系统会有运用。
  6. 导出:导出时导出 1024x1024 和 512x512 的即可。设计图标需要设计成方的,系统会自动处理圆角。

思考

  1. 对于我这种设计苦手来说,难度最低的应该是单字的 Logo ,最简单的直接拿已有的字体。如果希望复杂一点的,可以拿 PS 进行一定的调整。

issue 11 : Logo 设计

发表于 2018-09-08   |   分类于 设计课程

笔记部分

  1. 易识别:图标需要表情达意,传达信息。一个需要让用户猜测的图标并不是一个称职的图标。一个安全的设计思路是让用户能够一眼分辨得出来的形象,这样用户就很容易识别了。
  2. 保持简洁:找到一个能够捕捉应用程序本质的元素,然后,删除不必要的装饰性的、冗余的内容,尽量让元素拥有视觉焦点,并尽量以简单的形态呈现,抓住用户的注意力,让用户记住 APP。
  3. 抽象化:创建图标是要将应用程序的主要功能进行抽象表意,避免使用照片或截图作为应用程序图标,通常情况下,以艺术的方式来表意,这样可以强调应用功能。
  4. 比例协调:Apple 采用了黄金比例的网格系统,可以用来合理的修改元素尺寸、对齐元素。网格系统会让设计更加严谨。

思考

  1. 早期采用拟物风就是因为用户教育不足,需要拟物化来告诉用户什么是什么。
© 2019 Powered by Typecho & Theme 豫ICP备15027577号