Giter Club home page Giter Club logo

ios-module-project-logo's Introduction

Logo

The purpose of this project is for you to practice drawing with Core Graphics; if you are able to create a logo, you should feel fairly comfortable with drawing any custom views. As everything shown on the screen is a UIView or a subclass of it, you can override the way anything looks by drawing it yourself.

Requirements

You are welcome to draw any logo you want. Given enough time, you can draw any logo. That said, a good one to start with is the Lambda Avatar that is a part of this repository as it it relatively simple.

If you want to find a different logo, this page on Dribbble has some good inspiration.

We haven't gone over everything there is to know about Core Graphics drawing. That said, you have enough knowledge that learning something new (such as arcs, curves, etc.) shouldn't be too difficult. Big Nerd Ranch has a great blog post that explains different ways to draw with helpful gifs to demonstrate what the code would look like.

NOTE: try to draw your logo in such a way that it doesn't rely on exact numbers for positions, i.e. context.addLine(to: CGPoint(x: 93, y: 83.2)). Instead try to do things proportionally so the drawing can scale no matter what the size of the view is. For example: context.addLine(to: CGPoint(x: shieldRect.midX * 0.75, y: shieldRect.maxY)).

  1. Create a new Xcode project
  2. Create a subclass of UIView called LogoView. In this class, override the draw method to draw your logo.
  3. You can either create the view, add it as a subview, and constrain it programmatically, or drag a UIView onto the storyboard scene, constrain it, and set its class to LogoView there.

Go Further

  • Draw a custom button by subclassing UIButton. Try to make something that wouldn't be normally possible without custom drawing or adding a pre-made asset.
  • Find a more complex logo to draw. The more practice with drawing you get, the more comfortable you will be. Try including things that you didn't use before such as arcs, curves, bezier paths, etc.

ios-module-project-logo's People

Contributors

spencercurtis avatar jeffyjkang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.