Finalized Logo Design for DJ services

Finalized Logo Design for DJ services

By kanikiya

2D – Basic Animation Principles

Basketball Boy

  • Squash and Stretch – ball bounces
  • Anticipation – getting ready to throw the ball
  • Ease In/out – ball in the air


  • Arcs – balls in air
  • Personality – clumsy, foolish enough to catch a bowling ball
  • Exaggeration – the emphasis on the throw and the ball bounce

Boxing Ring

  • Staging – Environment, ring highlights action
  • Follow through & Over-lapping – Getting punched
  • Straight ahead/Pose to Pose – Walking to opponent

Kitty Cat

  • Appeal – cute, cuddly and calming kitty
  • Secondary – Tail wagging
  • Timing Text with meows
By kanikiya

Design 106 – 7.3 Look at several Unique Controls

After a while of internet surfing I came across this link

This is a cheap attachment that can attach to any screen to make it a touch screen. This kind of device will open a whole new chapter of unique controls. All the controls that you can use on your iPhone/iPad/iPod you can use on your computer now!

The pinch control grabs the object that you’re touching. and zooms into it according to your finger moments.

Your fingers act as a mouse and you literally ‘press’ on buttons. Holding the ‘mouse’ which (in this case is your finger) on certain objects also give you an extra ‘settings’ menu.

It’s not everyday that you can pinch your computer screen to make it zoom in!


By kanikiya

Design 106 – 7.1 Locate Basic Controls

As you probably already know (since you are on the internet right now), there are many types of controls and different ways of using them. They can be so simple that you don’t even think twice about it, you know when you need to use the control and you know what it does when you use it. Some controls aren’t so obvious and you think to yourself “um.. Is this what I need to press? lets give it a try!” and next thing you know, your blog post may either be published or saved as a draft. There really is a big thought process when it comes to controls especially when considering what type of control it is.

Let me tell you what the different types of controls are and what kind of instances they would be best used in, and how you can make them function to the best of their ability.

The different types of controls are….


Imperative controls always come attached with some sort of action. When you press on the controls something happens. There always usually is a ‘pliancy’ which means the button’s visual ‘pressability’ cues. If you click on the button on the internet, the features of the button usually changes so that you get the satisfying feeling that you did indeed press on that button. Usually the button gets darker and doesn’t look like it’s popping as much as it was before you pressed on it.

Here are 3 contrasting examples of imperative controls:

1) A snooze button on your phone is most likely pressed very often. When you click snooze it takes the immediate action to stop making your alarm go off and will continue on in 5 mins or so. Depends on how you programmed it.


2) A different kind of imperative control would be the tabs in your web browser. You can tell what tab you are on by the looks of it compared to the other tabs. And when you press on another tab, you are instantly taken to that webpage that you’ve left it at.


3) We can’t forget about the classic navigation system on websites. Usually every website (the successful ones anyway) keep you always aware of what page you are on by making the link in the navigation lighter, and it shows the other pages that are available to you contrasting the one that you are on. As soon as you press on another page link, it will instantly take you to that page.

Screen Shot 2013-05-03 at 10.53.10 AM



As you could probably figure out on your own, selection controls are when you have a choose in a selection. There are a few different versions of selection controls that are commonly seen all over the place. There are 6 types of selection controls. They are:

  • Flip-Flop
  • Radio buttons
  • Combutcons
  • List Control
  • Combo box
  • Tree Control
  • Input/Entry

1) When changing your setting on your iPhone/iPad/iPod you will come across the flip-flop selection control. Here’s an example below. Flip-flop buttons are often confusing because you don’t know if the button is saying that the control is off, or you need to push the button for it to turn off. However, I find that apple does a good job letting you know if the control is on or off by changing the colour and depth look to the button when the function is on.


2) While working with dreamweaver during the extensive and frustrating javascript unit, I came to recognize that they use the tree control. Tree controls allows you to see where you are and the navigation areas you can go to in a line format. You can open different folders at once so you can browse multiple of them at once.  Here’s a screenshot of an example through Dreamweaver. This method allows you to organize your navigation easier.


3) If you have a smart phone, or something close to it, you probably have noticed that you can change the font style of the text displayed on your phone. This is an example of a radio button since you can only select one font at a time.



There are

  • Spinners
  • Sliders
  • Text Fields
  • Text Areas
  • Text Control

Which are all different entry controls. There are two types of entry controls, bounded and unbounded. Bounded controls limit you in some way when you are entering some sort of input and unbounded don’t give you any limit at all. Here’s some examples of entry control

1)Text fields are an example of unbounded entry control. You have no limitations in what you enter in there (unless of course you have a javascript function that limits you and says ‘Hey! You’re only allowed to put in numbers’. But I’m so done with javascript that I don’t even want to talk about this.) Bellow are some examples of text fields.


2) Sliders is a example of a bounded entry control. It limits you on how much you are putting into the function. A good example of this would be changing the brightness to your screen.


3) Then there is text areas. These give you a text field but they limit you into putting just the acquired information. For ex: entering a new contact into your address book will only allow you to put numbers in the phone number field.



Last but not least, there is display.  There’s quite a few display controls as well.

  • Progress
  • measurement
  • Graphical Information (ex:google maps)
  • screen organizer

1) Google Maps or Google Earth is the most often used display control for Graphical information. It allows you to scale and zoom out on the areas you wish to take a closer look at. It’s the most used web application for map needs.



2) Measurement – Photoshop does a great job using the measurement display control. It allows you to zoom in to the very pixel or zoom out to compare your items to other items on the page. It’s an top notch tool to use when designing logos or websites.


3) I used the screen organizer quite often in Dreamweaver, it allowed me to sort out which part of the application took up the most space or the least amount of space. It’s really great for organizing parts of an application on importance.


The cleverest control that I’ve come across during my search is the progress control on a website that acts like a slideshow. It allows you to retain whatever information you need while keeping track of where you are. It’s really great because it gives the user a sense of accomplishment.


The most awkward control in my opinion is the flip flop button. I know that I’ve already mentioned it before, but my mind just gets super confused about it. I don’t know if it means that the option is on, or already on, and then I feel like an idiot because I’m not sure how to have it set. Then, if I choose the wrong option I’m not sure how to change it back.

By kanikiya