TryDesign - PhotoGrid

Tonight I would like to redefine an app called Photo Grid, it's a universal app that works on iPhone as well on iPad. But, I would like to optimize the app for iPad because, it seems not use the flexibility of multi-orientation on iPad that should be utilize.

Lets started with the app icon.



Almost the same. Easily replicable with Sketch. The base green, red, blue, yellow as similar to Google, Microsoft logo color pellete.

The process of making gear icon:

Rectangle > Transform > Rotate Copies > Oval > Union > More oval > Subtract. For this theme, we remove the fill, and change the outline to white.







Here is the main layout. What I want to see is the app support horizontal layout. (Left the original -> my redesign on Sketch). The gradients color box below represent the poster, that should be replaced with some inspirational photo that can be made with this app.

First Iteration

Second Iteration: Main Page

Add Some Pics to Edit

Editing mode

So the editing mode, technically with this depth of editing. It's not easy to develop right. And the canvas having the image. Resizable etc. 

It's a long time persue. 

Seminar My Documents - Urus Bisnes Gaya Korporat

Pada tanggal 30 Januari 2016, saya telah menghadiri program Seminar My Documents dengan tagline 'Urus bisnes gaya korporat' yang di kendalikan oleh Tuan Abdul Basit. Secara ringkat berikut adalah antara perkara-perkara yang dipelajari sepanjang program yang berdurasi 5 jam.

• Video intro (tengok telefon anda) countdown dan sedikit warming up.

3 Perkara Pokok yang akan dipelajari:

1. Kenapa seseorang owner bisnes susah nak kembangkan bisnesnya.
2. Bagaimana bisnes boleh diperkembangkan dengan roda bisnes.
3. Bagaimana urus bisnes dengan file system.

"Jangan berkira-kira dengan ilmu" 

Ketika kita rasa kita dah tahu banyak perkara, kita sudah mendekati kegagalan. "Aku dah tau!.." 

Peten orang yang berjaya adalah: "mereka tak berhenti belajar dan suka kepada majlis ilmu.

"Jika ada masalah, back to your parents"

4 Jenis Guru-guru yang Penting

1. Guru Motivasi & Keberanian.
- siapa guru yang boleh marah anda.
- manusia ibarat seperti handphone dimana perlu sentiasa dicas.

2. Guru Teknikal & Operasi
- guru dalam industri anda
- beliau telah terbukti dalam bidangnya

3. Guru Pengurusan & Sistem
- pakar dalam pengurusan bisnes, agreement, file dan sebagainya

4. Guru Agama & Kerohanian
- segala usaha yang dilakukan hasilnya hanya dengan izin Allah
- guru yang memperbaiki keagamaan dan kerohanian

"bila kita berhenti belajar, kejayaan berhenti mencari kita"

"Dalam bisnes, tidak penting siapa yang mulakan, tapi siapa bersama kita jauh lebih penting" 

Mentaliti Bisnes

1. Pengusaha
- 'cakap pandai, buat belum tentu'
- idea generator

2. Pengurus
- kuat membebel
- orang buat sistem
- suka marah-marah

3. Pembuat
- sangat berkira-kira
- susah nak percayakan orang
- pantang dicabar
- semua benda dia nak buat
- pantang nampak duit
- kebanyakan orang bermula dari mentaliti ini
- dan susahkan orang itu untuk tinggalkan bisnes beliau.

6 Roda Pengurusan 

Perihal Documents

Dokument adalah apa sahaja yang berbentuk rekod. Ia adalah rahsia samaada bisnes anda bernilai tinggi atau tidak.

Cuba tengok resit, ia tidak sepatutnya dibiarkan terperap dalam dompet anda. Sila fotostat dan masukan dalam file yang sepatutnya. Resit tidak semestinya disimpan dalam satu file sahaja.

TIPS: 1 file dibuka dengan satu tujuan.

"Bisnes bukan main-main, kalau main-main jangan bisnes".

"orang pandai cari ilmu untuk bekerja, orang berjaya cari orang pandai untuk bekerja dengannya"

Formula Urus File : 3M

M: Merekod 
- segala jenis rekod yang ada.
- mendokumentasikan apa sahaja (SOP, surat perlantikan dan sebagainya.)

M: Mengelas
- kelaskan mengikut 6 jenis pengurusan mengikut 6 roda di atas.

M: Menyusun
- boleh gunakan warna untuk mewakili jenis.
- boleh letak nombor dan kod.


______

Ada beberapa perkara lagi tentang perihal isi dokumen seperti agreements, timeline progress, job description, document admin, HR, claim dan pelbagai perihal isi dokumen yang biasa orang bisnes tahu.

Extra: ESBI (Formula Rober Kiyosaki). VMO (Vision, Mission, Objective) akan dikupas pada next post.

Sekian sahaja post tentang My Documents ini, saya telah tahu tentang seminar ini beberapa bulan lepas, dan memang sedikit sebanyak memberi input berguna bagaimana nak uruskan bisnes secara lebih sistematik.

_______

Nak belanja gambar sikit.

DevTime - Auto Layout + Class Sizes

By using auto layout with the standard size class (any width and any height) with proper constrains will make wonderful things.

From this:

To a proper clock. 

TryDesign - Tour Page

Tour page is a quick introduction for an app. It might have 2-5 slides. So let me introduce the upcoming update for FaceClock 2. We just want to add more spice to the app with adding some welcome slides. Here are what looks like:

Simple. Yet quick enough to say welcome to first time user.

TryDesign - Red Clock Settings

Hey, this is yet another post on designing with Sketch app. As you may know Sketch app is an exclusive app for Mac for designing production user interface element. I used to use Adobe Illustrator, but the tool is much more suitable for vector illustration, games and so on. For user interface, apps UI, web UI, and other apps related design this Sketch app tool is highly recommended.

Sketch app actually looks pretty simple but quite powerful, as almost capable to do what ever it takes to design something wonderful, modern and stylish. Yes, lets go on for this post with yet anohter app that I try to redesign using Sketch. I try to sketch my skill on using this tool which is pretty new for me. So probably by doing this hand excercise, I would expand my skill and tricks with Sketch

This app is kindof a competitor to FaceClock by the way. Lets learn something from them.

* To see the amount of work that need to be done.*

Segmented Control

I use the provided control from Sketch template, however it is only have 3 elements, but we need 5, so here the technique I use.

Some good reference : https://medium.com/sketch-app/harnessing-vector-awesomeness-in-sketch-3c9621408138#.ffd1xc2ht

TryDesign - App Icon for Relax Melodies

I feel relaxed when listening to Celtic Ride on Relax Melodies app. The music touches the soul of people :).

So today, I would like to (hopefully can touch) try design the icon for relax melodies. The challenge for the app icon is, the icon is a great realistic illustration. As 'programmer artist' probably a little bit, felt challenged to do that, if I want to be full blown artist, I need to have the Wacom. Anyway I just use my trackpad on MacBook Air.

You know, I don't want to make excuses, ehem, try try at my level best, ok. So, the most left icon is the original icon. It has music water drop. Oh, my, very detail right?

Hmm. So the leaf, form a new logo, kind of cool. By the way, by removing some leaves we got something freshier like the below. 

Wasn't that more refreshing. Yaww!

Update on 27 Jan. I added the remordenizing the UI for the app main page. Looks more refreshed.

If you have problem to sleep, like I do, go to http://helpmetosleep.org.

TryDesign - Yahoo Developer Page

As usual, lets try design. This time is the Yahoo! mobile developer suite web page. What catch my eyes is the hero part, it's brilliant purple abstract. 

Here is my design export.

Designing needs more practice. So this is my practice on Sketch. Thank you.

* I got my Logitech Performance MX for mousing pleasure. For my work too. *