Project Development Entries 3

Music APP UI Design : Final Result

(a) Pages

(b) Pages GIF

(c) Icon State

For ‘Hold’, is the dark colour. For ‘Home’, ‘Search’ and ‘Library’, it shows with stroke is before click and after click is full of the colour.

(d) Digital Prototype

https://marvelapp.com/224jh3g6

I have make another prototype for the digital music app. May click and see it!

Project Development Entries 2

Music Player UI Design Development

(a) Background

  • Theme : Tropical
  • Target Audience : Beach Lover, Teenage Girl

I want the users feel relax and happy when using this music app, so I decided to pick tropical as my theme. This music app can make people feel like at the beach.

What is Tropical ?

“Tropical” is sometimes used in a general sense for a tropical climate to mean warm to hot and moist year-round, often with the sense of lush vegetation.

https://en.wikipedia.org/wiki/Tropics

(b) Mind Map

Mind Map

I have two ideas in my music player. Lastly, I pick tropical as my theme, because tropical has more elements than 80’s theme.

(c) Paper Prototype

https://marvelapp.com/dig0e24

(d) Moodboard

(e) Sketches

Rough Sketch

(f) Reference & Inspiration

https://dribbble.com/shots/10214291-Myusic-Homescreen-Scroll
https://dribbble.com/shots/7103361-Water-Balance-App

(g) Progress

Music Play GIF
Icon Progress
Elements Progress

Entries 4

3 Most Interesting Apps

Homescapes

Homescapes is a free-to-play video game released by Playrix. Homescapes is a traditional match-3 mechanics with a well-developed storyline.

Category

  • Game

Target Audience

  • Middle-aged (mostly woman)

Art Direction

  • Colourful
  • Bright
  • Organic shapes
  • 3D

Type of Navigation

  • Finger Tapping
  • Swipe

Homescapes is free to download. This game can be play by online or offline. The best benefit is there are no any ads during playing the game. Players can play the match-3 levels and earning stars. Players can spend those stars to complete house-related tasks.

https://www.playrix.com/homescapes/

https://en.wikipedia.org/wiki/Free-to-play

Netflix

Netflix is a streaming service that allows users watch a wide variety of award-winning TV shows, movies, documentaries, and more on thousands of internet-connected devices.

Category

  • Movies & TV shows

Target Audience

  • Teenagers
  • Middle-aged

Art Direction

  • Minimalist
  • Dark

Type of Navigation

  • Finger Tapping
  • Swipe

Netflix enables users to watch as much TV and movies as they like in the comfort of their home. With Netflix, users can enjoy unlimited ad-free viewing of content. There’s always something new to discover, and more TV shows and movies are added every month. Users can play, pause, and resume watching without ads or commitments. Users can download their favorite shows to their own mobile device. With downloads, users can watch while they are on the go and without internet connection.

https://www.netflix.com/my/

Hungry

Hungry app offers one-stop delivery platform, which contain the daily necessities include foods & drinks, fruits, flowers and supermarket goods. The core value of “Hungry Delivery System” is “Provide the most convenience life”.

Category

  • Delivery

Target Audience

  • Teenagers
  • Middle-Aged

Art Direction

  • Cute-styled icon
  • Minimalist

Type of Navigation

  • Finger Tapping
  • Swipe

By using Hungry app, consumers able to search the nearest shop without going out, and just a few steps to order their need. They can also track the order in house, and have a perfect online shopping experience without leaving home. Merchants are able to get access to wider target audience, grasp the order detail and profit information. At the same time, they can even give variety offer, to customize their online shop.

https://www.hungry2u.com/web/index.html

Project Development Entries 1

3 Interesting Music Application

Spotify

Spotify is a digital music, podcast, and video streaming service that gives users access to millions of songs and other content from artists all over the world. Users use this app to listen or search music. Basic functions such as playing music are totally free, but you can also choose to upgrade to spotify premium.

Category

  • Music

Target Audience

  • Music Lover

Art Direction

  • Dark
  • Minimalist

Type of Navigation

  • Finger Tapping
  • Swipe

In spotify, users may upgrade to spotify premium. Spotify premium has many benefits such as no more shuffle-only mode, unlimited skips, double bit-rate pleasure, listen offline, no wait for new releases. Users can download music by using wifi or data, so users can listen to the music that downloaded during offline. Artists can also sell their music in spotify to earn money.

https://www.spotify.com/

JOOX

JOOX is a music streaming service. JOOX is a freemium service, providing most of its songs free, while some songs are only available for premium users.

Category

  • Music

Target Audience

  • Music Lover

Art Direction

  • Minimalist
  • Dark

Type of Navigation

  • Finger Tapping
  • Swipe

Users can download the latest song and listen to it offline. There JOOX Radio, that users could have access to more than 50 radio with extensive playlist. JOOX offered their premium VIP access to DSTV subscribers free of charge.

https://www.joox.com/

Shazam

Shazam

Shazam is a mobile app that recognize music and TV around users. The application can identify music, movies, advertising, and television shows, based on a short sample played and using the microphone on the device.

Category

  • Music

Target Audience

  • Music Lover

Art Direction

  • Minimalist
  • Dark

Type of Navigation

  • Finger Tapping
  • Swipe

Users can find the name of any song in seconds. Shazam while offline, turn on Auto Shazam to keep finding songs even when users leave the app. Shazam is the fastest way to discover music.

https://www.shazam.com/company

Entries 3

(a) 5 Family Icon Sets

Food
  • Theme: Food
  • Meaning: Biscuit, Fries, Bacon, Croissant
  • Target Audience: Hawker
  • Perspective: 1 point
  • Light & Shadow: Top light, Front Shadow
  • Art direction: Flat color, Vector
  • Colour Mode: Warm
Finance and Business
  • Theme: Finance and Business
  • Meaning: Wallet, Coin , Credit Card, Shake Hand, Calculator
  • Target Audience: Business Man, Banker
  • Perspective: 2D
  • Light & Shadow: None
  • Art Direction: Outline, Illustration
  • Colour Mode: Cool colours with less warm colours
Medical
  • Theme: Medical
  • Meaning: Ambulance, Nurse, Doctor, Injection
  • Target Audience: Patient
  • Perspective: 2D
  • Light & Shadow: None
  • Art Direction: Outline, Flat
  • Colour Mode: Warm colours with cool light
Winter Thing
  • Theme: Winter Thing
  • Meaning: Sweater, Gloves, Sock, Candy
  • Target Audience: People use it during the winter time
  • Perspective: Flat
  • Light & Shadow: None
  • Art Direction: Thick Outline, Minimum Colour
  • Colour Mode: Cool
Sound System
  • Theme: Sound System
  • Meaning: Music Player, Guitar, Music Console, Microphone
  • Target Audience: Singer, Tuner
  • Perspective: 2 point
  • Light & Shadow: Top left, Shadow None
  • Art Direction: Vector, Flat Colour
  • Colour Mode: Warm colours
References

Cdn.dribbble.com. (2020). [online] Available at: https://cdn.dribbble.com/users/1220491/screenshots/2845077/medical-01.jpg [Accessed 9 Feb. 2020].

Image.freepik.com. (2020). [online] Available at: https://image.freepik.com/free-vector/music-isometric-3d-icons-set_98402-422.jpg [Accessed 9 Feb. 2020].

Cdn.dribbble.com. (2020). [online] Available at: https://cdn.dribbble.com/users/120724/screenshots/2410001/holi-cons.png [Accessed 9 Feb. 2020].

Creativetacos.com. (2020). [online] Available at: https://creativetacos.com/wp-content/uploads/2018/08/Free-Finance-Vector-Icon-Set-1.jpg [Accessed 9 Feb. 2020].

Vectors, R. and Vectors, F. (2020). Flat icon-set 14 vector image on VectorStock. [online] VectorStock. Available at: https://www.vectorstock.com/royalty-free-vector/flat-icon-set-14-vector-13460873 [Accessed 9 Feb. 2020].

Entries 1

Magazine – Print vs Digital

Magazine is a periodical publication containing articles and illustrations, typically covering a particular subject or area of interest. A magazine is a publication, usually a periodical publication, which is printed or electronically published. Here are five differences between print and digital magazine.

5 Key Differences in Designing for Print vs Digital Media

PrintDigital
Changeability and Lifecycle -a nightmare to reprint the project
-cost expensive
-changes can be previewed and tested at every turn
Engagement-a conditions of how a user
will come across your work is dependent on how and where the viewer will encounter the work
-competing with a lot for a viewer’s attention
Sense-engage viewers on a
physical level
-things that could be
considered are the weight of the paper or canvas that will be used
-video and sound could be used with both mediums
-may make the experience more immersive
Space and Layout-a finite amount of space-free from spatial constraints
Color and Resolution-DPI and CMYK are the
measurements
-PPI and RGB determine image quality

In conclusion, as we know that printed and digital magazine have many different advantages. In my opinion, I prefer digital magazine more than printed magazine. I think digital magazine can save more resources and also interact with viewers easily.

References

Inkbot Design. (2020). 5 Key Differences in Designing for Print vs Digital Media. [online] Available at: https://inkbotdesign.com/designing-for-print-vs-digital/ [Accessed 16 Jan. 2020].

Youtube.com. (2020). YouTube. [online] Available at: https://www.youtube.com/watch?v=II7oHJAHVNo [Accessed 16 Jan. 2020].

Blogs.shemoil.com. (2020). [online] Available at: http://blogs.shemoil.com/wp-content/uploads/2016/08/print-vs-digital-02-768×403.jpg [Accessed 16 Jan. 2020].

Lexico Dictionaries | English. (2020). Magazine | Definition of Magazine by Lexico. [online] Available at: https://www.lexico.com/en/definition/magazine [Accessed 16 Jan. 2020].

Design a site like this with WordPress.com
Get started