Smartphone UI/UX by @fladdict fladdict スマホ UI/UX 講座 - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ fladdict スマホ UI/UX 講座 ----------------------------- 今日はUI話しと、iOS7 の話し。 今日まとめようと思いましたが、天王洲アイルに行ってしまいまして、 ギリギリで到着しました。 皆さんがどんなことを聞きたいのか聞いてみてから決めたいとおもいます。 Apple Human Interface Guideline の話し デザイナー以外のデザインの話し、 手触りの話し、 手触りのあるものを使うにはどうすれば？ プロトタイピングの話し、
iOS&Androidアプリのデザインをする人に知っておいてもらいたいこと - Qiita
知り合いのデザイナーさんから「iOS&Androidアプリをデザインする時に何か知っておくべき事ってありますか？」と質問を受けたので、思い浮かんだ事をずらっと書いてみました。他にも何かありましたらコメントお願いします！ツッコミも歓迎(´ﾛ｀) モバイルアプリデザインの原則とiOS 量が少し多いが、公式のiOSヒューマンインターフェイス ガイドラインは必読。(※ダウンロードに時間かかるので注意) iOSだけに限らず、モバイルアプリのデザインをするにあたって重要な事がまとまっている。 載っていること ヒューマンインターフェイスの原則 アプリケーション設計戦略 iOSテクノロジーの使用に関するガイドライン 標準で用意されている各UI要素(タブやツールバー等)の使い方 マルチスクリーン対応 どのような違いがあるのかを把握する 画面密度(ppi)や画面サイズなど 参考：iPhone, iPod to
これからiOSやる奴はここ読んどけ - Qiita
これからiOSアプリ開発をやりたい！という人へ 自分が実際にiOSアプリ開発をやって、便利だったと思う情報を残しておきます。 これからアプリ開発やりたいという人の参考になれば。 iOSアプリ開発の第一歩 まずは間違いなくMacを買うこと。 Macを書いましょう。Windowsじゃ開発できません。 MacじゃないとiOSアプリの開発はできないので、 これがないとお話になりません。。。 インストールしておくもの 基本的にXcodeさえインストールしておけばアプリの開発はできます。 Mac App Storeからダウンロードできます。 実機インストールやApp Storeに公開したい場合は、 iOS Developer Programを購入する必要があります。 まずはこれを読むべき Appleのドキュメント集（日本語訳Version） https://developer.apple.com/jp
HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜
ヒカラボ(ウェブ技術でiOS/Androidアプリ開発！！～HTML5ハイブリッドアプリ開発[実践]入門～)での発表スライドです。 書籍『HTML5ハイブリッドアプリ開発[実践]入門』には、このスライドに載っていないCordovaの使い方、最適化のためのノウハウやテクニック、ジェスチャやviewportなどのモバイル特有の事情への配慮、ハイブリッドアプリで利用できるストレージ、デバッグ手法やセキュリティ、ネイティブとHTML5間のブリッジの仕組み、WebViewの扱い方などのHTML5ハイブリッドアプリ開発を網羅した内容をまとめています。 http://www.amazon.co.jp/dp/4774162116
iOS7の超絶勉強になるアプリ開発チュートリアルまとめ - Less is Best
みなさん新しいプログラミング言語を習得しようとした際に、どんな形で勉強を始めますか？私はとりあえずチュートリアルをやってみて外観をつかんでからリファレンスなどを漁っていくタイプのようです。ということで、iOSアプリ開発を勉強するためにウェブから無料でできるiOS7のチュートリアルをいくつかピックアップしてきました。これで最新のiOSの開発事情を知りつつアプリ作れるようになりましょう！ iPhoneアプリ開発入門 (全14回) Dotinstall:iPhoneアプリ開発入門 (全14回) まずはDotinstallのチュートリアル。とりあえず触って動かしてみていろいろなUIパーツを使って見るまで。日本語+動画で理解するアプリ開発入門。 iOS 7 Best Practices; A Weather App Case Study iOS 7 Best Practices; A Weather
【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-07 【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ iOS開発の記事のまとめ こんにちはnasustです。『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』を大幅に更新しましたので、更新内容をこちらで紹介します。このまとめは、iOS開発者の有益な情報を提供する目的です。このまとめを読むだけで高品質なアプリが開発できるようにします。 以下のまとめを『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』に追加しました。 入門・
ナビゲーション/メニューのiPhoneアプリデザイン集22選
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
これはわかりやすい。「 iOS 」各バージョンのデバイス対応一覧表 | 覚醒する @CDiP 【個人ブログ】
素晴らしいですね。 過去の iOS デバイスがどの iOS のバージョンに対応しているかが一目で確認できます。 なるほど、日本で始めて発売された初代 iPod touch は 1.1 – 3.1.3 だったのかぁとか、iPhone 3GS は iOS 6 にも対応しているにも関わらず、第3世代 iPod touch は 5.1.1 でサポート終了なのかとか色々わかるわけです。 iOS 4 の時代が様々なバージョンがあって混沌としていたんだなぁというのがよくわかりますよね。 そういえば、初代 iPad も iOS 6 のサポートからはずれているんですね。うっかりしてました。 うっかりついでに、2年前の8月に買った iPad 3G を解約することもすっかり忘れていました。いやーなんにしても見やすく分かりやすい素晴らしい表ですよね。この表は PDF にて配布されています。興味のある方は こちら
Fireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」
WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。 iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。 詳しくは以下 ダウンロードは、「Dribbble」のblueprint.pngと書かれたテキストリンクを開いた後の画像を保存すればFireworks pngデータを取得できます。 Fireworksで普段制作している方でアプリのデザインを始めようと言う方には良いワイヤーフレーム素材だと思います。これからスマートフォンサイトを設
思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
iPhoneゲーム開発に役立つツール13選まとめ - 5.1さらうどん
みなさん、iPhoneでゲーム開発してますか！ iPhoneでのゲーム開発は、cocos2d for iPhoneを初めとして、cocos2d-x, Kobold2D, Unity, Corona SDK, GameSaladなど、様々な開発環境で割りと手軽に行えるようになってきました、 それに伴って、非プログラマ向けのゲーム開発支援ツールも非常に充実してきていますが、日本語で読める詳しい記事が少なかったことが気になったため、自分が使っているモノをまとめてみました。 デザイナー向け CocosBuilder CocosBuilder – Graphical Interface Builder for Cocos2D iPhone and iPad GUI設計ツール。 コードでちまちまとスプライトを配置していくのは発狂するので、GUIツールを使った方が楽。読み込み用のライブラリも付属していて
iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
CSS Filtersで写真加工するWebApp - CSS PhotoEditor - くらげだらけ（くだくらげのBLOG）
iOS6も発表されて、あとはNew iPhoneのリリースが待たれる季節ですね。私は3Gの発売時に買い替えて、2年後iPhone4にし、また2年が経とうとしているので今年は新しいのに買い換えようという気持ちです。 世間ではAppleのマップでいろいろと騒いでいたりしますが、OSがアップデートされるたびに私がチェックすることといえばブラウザの仕様や機能の変更です。 去年はWebAppやスマホサイトを作るには嬉しい変更がありました。position:fixedやiframeの慣性スクロール、他にもSVGや縦書き、明朝フォントのサポートもありました。 その辺りはiOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】と【後編】というエントリーでまとめて書いています。このときもデモ用にフルスクリーンで使えるWebAppを作成しました。 今回はCSS Fi
My365の作り方 〜iOS編〜
My365は、まずiPhoneアプリとしてリリースすることにしました。 iPhoneアプリをリリースしたのはこれが初めてで、勉強しながらの開発となりました。(iPhoneアプリ開発自体では、ヒマボタンという素晴らしいアプリの開発経験があるのですが、このアプリは残念ながら僕のiPodにしか入っていません。) (よかったらこちらもどうぞ → iOS編, サーバ編, サーバサイドプログラム編 ) 勉強に使った書籍 「よくわかるiPhoneアプリ開発の教科書」は、Objective-Cの言語体系についてはほとんど触れられていませんが、Xcodeの使い方であるとか、iOSのフレームワークの使い方であるとかが、とても丁寧に説明されていて分かりやすい本です。 4〜5時間くらいで読み終わります。この本だけでとりあえずアプリが作れる風になれることは間違いないです。 「Objective‐C 2.0徹底解説」
Cocoaの日々: [iOS] AVFoundation のカメラでフォーカスと露出をタッチで合わせる
AVFoundation を使い、タッチでフォーカスと露出を決められるカスタムカメラを作る。今日の主題はタッチフォーカス＆露出なのでプレビューを表示するだけで撮影（画像の保存）は実装していない。 サンプル まずはサンプルから。起動すると真ん中に四角が表示される。 実装 - プレビュー カメラ入力をプレビュー表示する部分の説明は今回割愛する。この辺りは下記のドキュメントが詳しい。ひと通り読めば簡単に実装できる。 AV Foundation プログラミングガイド もしくは など。後者の本は iOS4 となっているが iOS5 でも十分に役立つ情報が掲載されている。おすすめの本。 実装 - フォーカスと露出 任意の点にフォーカスと露出をあわせるプロパティが用意されている。 AVCaptureDevice.h @property(nonatomic) CGPoint focusPointOfInt
![Cocoaの日々: [iOS] AVFoundation のカメラでフォーカスと露出をタッチで合わせる](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b3c66489f7cdc217ea8dc98acbf01cba24e2647/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEhm1O-_dLvH9He91EOH7yA6IYdL75deXtz1eTDSxrdJm-dqDOtfB0TsWgk2OiVSZ_McUcznqNZ-i_ysPVODKi_v2DJJVci2fzGkpwNN9iuZzz2Esc46PMYY1BuV1QqdQzSDQE_7zxY8yIia%2Fs400%2F111202-0013-61%252525.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS7でAppleが目指したのは「UIデザインの常識」の再発明である
iOS Dev Bot | iPhoneアプリ開発者のための情報サイト
http://smartappscreative.com/iphone/iphone%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8Bobjective-c%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%81%AE%E7%B4%B9%E4%BB%8B/
iPhoneアプリ作成に使えるPSD素材集１０:phpspot開発日誌