話題のアプリ『Clear』のUIを独自実装してみた!(+Gumroad)


ひとつ前のエントリーの続きです!(動画も同じ)

今回こそ、当初の目的であった
『Clear for iPhone』のUIを独自に再現した実装
についての解説を書いていきますね。

初めに断っておきますが、今回のエントリーはStudy CoreDataシリーズのようなチュートリアルではありませんのであしからず。。
部分部分でどういった実装をすればあのUIが実現出来るのか?というポイントを解説していきます。

このエントリーの最後に、Clearと同じくなにかと話題のGumroadでテストアプリを公開していますので欲しい方は是非!
(※ 更新:内容が古くなったため公開は終了しました)
では、まず目次をば。

続きを読む

広告

バースデイ。本格始動。

work space

ご無沙汰してます! or はぢめましてっ!
Jacminikです。
(ちなみに上の画像は、My基地です。何年か前に自作したデスクで、キーボードの下には引き出しがあってKORGのUSB鍵盤が出てくるようになってます)
本日、2月10日。
晴れてワタクシは四捨五入すると40になる歳に突入しましたっ!
パチパチパチ〜♪
で・す・がっ!
男は50からだと思ってるのでまだまだです(笑)
というか、別に誕生日だからかまって!かまって!というつもりで久々にブログを更新した訳ではなく、みなさまにひとつ大事なご報告を。
続きを読む

【実録】アプリアイコンの作り方  〜2%のデザイン〜

気温がコロコロ変わり上着を来たり脱いだり忙しい今日この頃、
みなさんいかがお過ごしでしょうか?
相変わらずご無沙汰しております(^〜^;)
Jacminikです。
またまた、僕がデザインさせて頂いたアイコンがAppStoreに並びました!
パチパチパチ〜♫
…ってなワケで、
今回はとあるiPadアプリのリニューアルアイコン制作の過程を紹介させて頂きながら、アプリのアイコンがユーザーの目に留まるようになるまでに
開発者やデザイナーがどのように考え、
どのようにこだわって作っているのか?

を少しでもお伝えできればと思っています。
今回ご紹介する行程は飽くまでも一例ですし、
すべてのアイコンがこのように作られている訳ではないと思いますが
ひとつの参考として読んで頂けたらうれしいです。
(最後にデザイン案件の受付についても宣伝させて頂きますので、開発者の方々も是非ご参考にしてみてくださいね。)

ちなみにタイトルの『2%』と言うのは
今回、ひとつのアイコンを完成させるために作ったファイルの数から計算した数字です。
そんな実際に作った42ファイルを一挙大公開しまっす!

では早速参りましょうか。
続きを読む

アプリに使用する画像容量を減らす方法 for Retina Display

みなさん、こんにちわ!
今回はAdobe Photoshopを使ったアプリの背景画像などのファイル容量を削減する方法についてエントリしたいと思います。

…と言うのも現在、
AppBankさんや他のクライアント様のアプリ(詳細はまだ秘密^〜^)で
デザインを手がけさせて頂いていて
その際に、iPhone4で仕様となったRetinaディスプレイ対応の画像を用意する必要が出てきました。

ですが、320×480pxの時と同じように保存するとモノによっては
1MB近いファイル(png)になってしまいます。
さすがに1MB近くの画像を扱うとなるとアプリの操作性に悪影響を与えかねませんよね^^;

そこで、画像の劣化を出来るだけおさえつつファイル容量を削減する方法についての記事があれば、役立つ情報になるんぢゃないかなぁ?と思いまとめることにしました。

(※ちなみに本エントリでは、スプラッシュ画像のような全画面サイズの画像で説明しますが、ボタン画像やボタンアイコン画像などの小さなサイズの画像にも有効です。)
 
続きを読む

東京訪問記 前編 ~大仕事はじまる!?~

 
お盆休み真っ只中ながら、比較的涼しい一日だった8月13日。

夏でも比較的涼しい地元御殿場を久しぶりに離れて
♬花の都っだ〜いトォキョオ〜♬へ行ってきました。
 
 
…とは言っても、まったく観光とかではなく
でも僕にとっては観光よりもずっと楽しいことが待っているであろう場所へ。
 
 
その楽しいコトとはふたつ。

ひとつは、以前にもお会いした@rodyさんの写真展を見に行くこと。

そしてもうひとつは、いつもお世話になっているあの@appbankさんとお会いすることでした。
 
 
以前にも一度AppBankさんからはお誘いを頂いていたんですが、
その時はこちらの都合がつかず、実は今回で二度目のお誘いでしたので
『今度こそ絶対に行かなければ!!』
と思い、お伺いさせて頂くことにしました。

続きを読む

サイトテーマ変更完了とよく使うタグの覚え書き

とりあえず、サイトのテーマデザインの変更完了!

(モバイル用のデザインは前と変わりません)
合わせて、過去にポストした記事の改行や文字サイズなども変更したので、ちょっとは見やすくなったかと…。
 

テンプレートは、どれで行こうかさんざん迷ったあげく

Mistylook by Sadish

に決定しました!!
 
 
デザインテンプレートを選ぶ際に重視したのは、以下の3つ。

 ・ヘッダ(ページの上部)にオリジナルの画像を表示できること。

 ・ブログページ以外のページにアクセスしやすいこと。

 ・記事と記事の区切りが分かりやすく、見やすいこと。

 
後で便利なように、このブログでこれからよく使うとおもわれるHTMLタグなどをメモしときます。
 
続きを読む

AppBankさんのアプリ『AppBank』の”オレ流”アイコンを創ってみた。 ~ オレコレ番外編 ~





 
AppBank

バージョン:1.2.3
価格:無料
(バージョンと価格は記事掲載時のものです)

 
 
 

実は、このエントリーを書くことに決める前に別の内容を考えていたのですが、とある事情により急遽変更して”オレコレ番外編”として、
 
iPhoneアプリ『AppBank』のオレ流アイコン
 
を勝手に!?記事にさせて頂こうと思います。

今回のオレコレ番外編は、レビューではありません。
 

アイコンについてのちょっとした説明も合わせて書いているので、長文になります。
とりあえずアイコンだけ見てみたいって方は、文章は読み飛ばしてくださいませ。
(※注意:このエントリーはAppBankさんから直接依頼を受けたものではありませんので、現時点でアイコンが変更されるかは不明です。飽くまで勝手に考えたアイコンです。)
 
 
今回、この企画をするのにはちょっとしたきっかけもあったりします(^〜^;)
なので、まずはその辺りのお話から。

続きを読む