Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.

Case: Digital Detox Beer Campaigns スマートフォンを使ってSNSやオンラインゲームなどに熱中し、四六時中スマホを触っている、いわゆる“スマホ依存”が近年、世界的に問題となっています。 常にネットにつながっている状況から抜け出し、オフラインの時間を意図的に作ることを「デジタルデトックス」と言うそうですが、ヨーロッパを代表するビールブランド、アムステルビールが「スマートフォンを一定時間使わないでいると、ビール1杯を無料でもらえるアプリ」を開発しました。 同社は以前にも「スマートフォンを預けると“ビールが1本無料になる”」サービスをブルガリア市内のバーで展開しましたが、今回は日常生活の中で、スマホに触れないでいる時間を持とう、つまり“デジタルデトックスをしよう！”、というのがコンセプト。 アプリは“スマートフォンを使用しない時間”を測定するもので、ユーザーがスマ

世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！ 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです！ 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト：Skala Preview, a Mac a

前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと

オーダーエントリーフードビジネス 注文を受ける、厨房に届ける、飲食店の管理をクラウドで。 オーダーエントリーシステム「スマレジ・ウェイター」 iOS用アプリで、 かんたんオーダー入力。 iPhone、iPad用アプリ「スマレジ・ウェイター」で注文入力をすることができます。 シンプルでわかりやすい画面設計、かつ、スマートフォンアプリでの操作なので、初めてのスタッフでもすぐに慣れることができ、教育コストが最小限に抑えられます。

この記事は、iPhoneのアプリ内課金(In-App-Purchases)を使った、月額課金システムを実装した時の恐怖体験についてです。 ※更新※ 最近、App Store Review Guidelinesが変更されていて、新聞とか雑誌以外でも自動継続課金(Auto-renewable)のルールがちょろっと更新されたみたい。 iPhoneの自動継続の月額課金がサービス系のアプリでも使えるようになったか しかし、実際のところ、どんなアプリがOKかはあいまいな部分もあるとは思うし、やってみないとわからなかったりするので、SaaS系で承認された人いましたらぜひコメント欄とかで教えてくれると嬉しいです。 ちなみに、アップストアのレビュー通ってもリリース時期を遅らせたらストアには公開されないので、レビュー通るかよくわからない時は、凄くシンプルな実装でとりあえずレビュー通るかまずサブミットして様子み

Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Additionally, there are apps related to betting sites that can provide entertainment and potentially

iPhoneやAndroid（アンドロイド）向けのスマートフォンサイトを制作する際、 各キャリアの縦向き、横向きを考慮した画面設計やHTML構成を考えて制作しなければなりません。 それぞれ端末ごとに細かな設定の変更が必要な場合など OSの判別をする必要になってきますが、 そんな際に使える、jQueryを使って簡単にOSを判別し、それぞれCSSクラスを追加し 画面の縦／横それぞれ切り替わった際にも別々のクラスを追加するスクリプトの紹介。 jQuery SmartPhone SWITCH アクセスされたOSと画面の向きを判別して それぞれ＜body＞タグにCSSクラスを追加します。 追加するCSSクラスは以下の通り。 —————————————————– iPhoneには「body class=”iphone”」追加 iPadには「body class=”ipad”」追加 Androidには「

2014年8月17日 スマートフォン 「iPhone/iPadアプリを作るのは難しい」。デザイナーの人は特にそう思い込んでいませんか？確かに新しいプログラミング言語を習得するには時間がかかります。しかし、一度「楽しい！」と思えばこっちのものです。その気持ちだけで難しいものも簡単に乗り越えてしまえるもの。そう、もう無敵です！どんなアプリでも作れるようになります！ここではアプリの開発方法よりも、「どうやって楽しく学習できるか」に焦点を当ててみたいと思います。 ↑私が10年以上利用している会計ソフト！ 準備しよう 必要なもの Mac OS Lion iOSアプリの開発は基本的にMac OSですすめることになります。Apple Storeでポチッちゃいましょう :P XCode 4 iPhone/iPadアプリの開発にはXcodeが必要になります。App Storeで最新のXcodeをダウンロード

アプリ開発者に聞いた！ 同じアプリなのに、AndroidよりiOSのアプリの方がデザインが良いのは何故なのか？2012.05.08 17:007,806 そうこ 解説してもらおう！ アプリデザインはアプリデザインでしょ。iOSでもAndroidでも同じアプリなら同じアプリでしょ。が、実はグッドデザインでエレガントなアプリを作るなら、iOSで作った方が良いというのです。都市伝説でしょ？ いえいえ、これはiOSもAndroidもどちらもこなすとあるアプリ開発者達の言葉です。iOSの方がアプリを綺麗に作りやすい、これ絶対。なんで？ HipmunkというアプリのUIとUXを手がけるデザイナー兼iOS開発者のダニロ・カンポス（Danilo Campos）氏は、｢答えは実にジンプルで簡単。Androidアプリよりも、iOSアプリの方が美しく作るのがより簡単にできるからだ。｣と話します。 デザイン、それ

少しのコードで実装可能な15のスマートフォンサイト用小技集スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ スマートフォンサイト用小技集　目次いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントを iPhone などに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる文字サイズの自動調整をオフリストのクリック（タップ）範囲を広げる画面の幅にあわせて CSS を変えるリンクテキストのある Div 全体をクリック（タップ

iPhoneやiPadなどのホーム画面に表示 させるアイコンを作るためのPhotoshop 用テンプレート・App Icon Template をご紹介。そんなに多用するものじゃ 無いと思うんですけど、便利っちゃ 便利でした。 iOSのホーム画面向けのアイコン用テンプレ。スマートオブジェクトでフレームの変更・追加も容易に出来ます。 iPadやiPhoneなどのアイコン生成用のテンプレートです。フレームみたいなもんですかね。デザインの変更はスマートオブジェクトを利用します。 使ってみた ↑ 上記赤枠がスマートオブジェクトなので開きます。 ↑ 何種類かある中からフレームを決めてスマートオブジェクトを保存すればメインファイルに反映されます。 ↑ インセットも出来るよ。 ↑ テクスチャ追加してみた。スマートオブジェクト側にテクスチャを増やせばテンプレ量産出来ますね。 枠を作ってくれてるので効率的に