artbook
TRANSCRIPT
www.thinkmac.co.uk
art & designthinkmac software
© ThinkMac Software 2008, All Rights Reserved. ThinkMac Software is a trading name of Mr. Rory Prior
Early Work
N E W S M A C & N E W S M A C P R O I C O N S
1
InstantGallery Design
1. I N S TA N T G A L L E RY 1 I C O N .2. P R O P O S E D I N S TA N T G A L L E RY 2 I C O N3. O R I G I N A L I N S TA N T G A L L E RY 2 I C O N C O N C E P T
1 2
3
2
InstantGallery Design
1. I N S TA N T G A L L E RY D R O P W I N D O W C U R R E N T D E S I G N2. O R I G I N A L D R O P W I N D O W D E S I G N3. P R O T O T Y P E D R O P W I N D O W D E S I G N
1 2
3
3
“I designed InstantGallery to offer drag and drop web gallery creation. No messing around with a huge panel of controls, just drag, drop and you’re done.”
InstantGallery Design
1. E A R LY P R E V I E W W I N D O W C O N C E P T S K E T C H E S2. E A R LY D R O P W I N D O W C O N C E P T S K E T C H
1 2
4
NewsLife Design
1. C U R R E N T N E W S L I F E I C O N D E S I G N2. B E TA R E L E A S E I C O N D E S I G N3. O R I G I N A L S P R O U T I N G S E E D C O N C E P T I C O N
1 2
3
5
NewsLife Design
N E W S L I F E I N I T I A L M O C K U PE A R LY D E S I G N S K E T C H ( I N S E T )
6
“With NewsMac Pro I had a really powerful app, but it was just too complicated and people wanted it to do more and more things. For NewsLife I ripped out everything but the essentials.
”
NewsLife Design
N E W S L I F E B E TA D E S I G N
7
NewsLife Design
N E W S L I F E H E L P B O O K D E S I G N
8
“I’m really proud of NewsLife’s help book. It was the first time I deviated from the sort of formal Apple style. I just wanted to cover the key topics and do it in an attractive way. I use this style in everything now.
”
NewsLife Design
1. H T M L A R T I C L E V I E W W I T H T O O L B A R C O N C E P T2. P O D C A S T P L AY E R C O N C E P T3. F U L L S C R E E N M O D E C O N C E P T
1 2
3
9
iKana Design
1. C U R R E N T I K A N A I C O N D E S I G N2. I K A N A M A N G A D E S I G N3. O R I G I N A L I C O N D E S I G N
2
3
1
あ
ホ5..4..3..
ひらがなhirag
ana じしょ
10
iKana Design
1. I K A N A 1 . 0 F L A S H C A R D D E S I G N ( P R E - L E O PA R D )2. I K A N A 1 . 6 F L A S H C A R D D E S I G N
1 2
11
iKana Design
1. S P E E D T E S T C O N C E P T D E S I G N2. I K A N A 1 . 6 S P E E D T E S T D E S I G N
1 2
12
“Often when you build a prototype in Photoshop or what ever and it looks great, you find it doesn’t necessarily work so well when you build it. It’s all a learning process, you never get it right the first time.
”
“There is always room for improvement, but at some point you have to call it done. It’s the hardest thing about software design.”
iKanji Design
1. C U R R E N T I K A N J I I C O N D E S I G N2. L A R G E I K A N J I I C O N S3. O R I G I N A L I K A N J I I C O N C O N C E P T
2
3
1
13
iKanji Design
1. O R I G I N A L C O N C E P T D E S I G N2. I K A N J I 1 . 0
1
iKanji
!
hayashi
Strokes 8
Grade 1st grade
Meaning woods, grove, forest
リンOnyomi
Kunyomi はやし
Radicals 木
8 stroke
林空学 雨金 青
Examples & NotesMeaning
8 stroke kanji
2
14
iKanji Design
1. E A R LY K A N J I B R O W S E R D E S I G N S2. C O R K B O A R D K A N J I B R O W S E R I N I K A N J I 1 . 0
1 2
15
“iKanji had this really sort of clinical look to it, I wanted to inject some fun and I think the cork board does that. All the flash cards are crooked and it feels slightly haphazard, it makes it human.
”
iKana touch Design
1. I K A N A T O U C H I C O N2. I K A N A T O U C H G R A P H I C E L E M E N T S
1 2
16
iKana touch Design
1. I K A N A T O U C H C O N C E P T D E S I G N2. I K A N A T O U C H 1 . 0 S C R E E N S H O T
1 2
12:00O2-UK
Hiragana (Basic)Back
あa
いi
うu
えe
おo
かka
きki
くku
けke
こko
さsa
しshi
すsu
せse
そso
たta
ちchi
つtsu
てte
とto
なna
にni
ぬnu
ねne
のno
はha
ひhi
ふfu
へhe
ほhoSpeed Test Writing Test
17
iKana touch Design
1. I K A N A T O U C H C O N C E P T D E S I G N2. I K A N A T O U C H 1 . 0 S C R E E N S H O T
1 2
12:00O2-UK
Writing TestFinish
Write this kana...
Start and finish each stroke on
a blue circle.
18
“The blackboard idea just seemed so natural with the way you interact with the screen, it became totally obvious once I had it there in my hand.”
Miscellaneous Design
1. VA R I O U S V E C T O R I C O N S2. C L A R U S T H E D O G C O W R E - I M A G I N I N G F O R I N S TA N T G A L L E RY3. T H I N K M A C A B O U T W E B G R A P H I C
2 31
19
Miscellaneous Design
1. ‘ FA K E ’ P R O D U C T B O X G R A P H I C2. T H I N K M A C S T O R E W E B G R A P H I C3. T H I N K M A C C O N TA C T W E B G R A P H I C
2 31
20
Thanks for viewing! I hope this has given you an insight into what goes into ThinkMac apps.
21