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 7 Design Resources
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
これから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
After iOS 7 icons
Showcase of iOS 6 apps icon redesigned for iOS 7Curated by @keeyeny
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業界やクリエイティブ
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
[iOS 7] iOS Human Interface Guidelines #1 – UI Design Basics 前篇 [和訳] ｜ Developers.IO
[iOS 7] iOS Human Interface Guidelines #1 – UI Design Basics 前篇 [和訳] iOS 7 特集デザイン / iOS Human Interface Guidelines はじめに iOS7ではデザインが大きく変わり、「iOS Human Interface Guidelines」も変更が加えられました。 そこで第一部〜第四部まで翻訳しながら読んでみました。 iOSアプリ開発に関わるのであれば、読んでおいたほうが良い資料だと思いますので、こうして記事にしてみました。 みなさまのお役に立つことができれば幸いです。 iOS Human Interface Guidelinesシリーズ全体の目次 [iOS 7] iOS Human Interface Guidelines #1 - UI Design Basics 前篇 (本記事)
これはわかりやすい。「 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で普段制作している方でアプリのデザインを始めようと言う方には良いワイヤーフレーム素材だと思います。これからスマートフォンサイトを設
【今更】漫画風ビデオカメラをつくる 〜OpenCVを利用したリアルタイムフィルタリング その１〜 | DevelopersIO
CM iOS部隊所属の平井です。今回は前回の記事「OpenCVを利用したリアルタイムフィルタリングの基本」で作成したOpenCVを利用したリアルタイムフィルタリングを行うためのプロジェクトと、結構前の記事「OpenCVで写真を漫画風に加工しよう 〜実装編〜」で作成した漫画風フィルタを組み合わせて漫画風ビデオカメラを作ってみましょう！ では早速。 ちなみに今回は以下の環境を前提に説明します。 Mac OS X 10.8 Moutain lion Xcode 4.6.1 iOS SDK 6.1 iPhone 5 サンプルプロジェクトのダウンロード 今回紹介するiOSアプリのソースコードをGitHubにあげてあるのでダウンロードしてください。 hirai-yuki/RealTimeManga 実機につないでプロジェクトを実行すると、以下のように動画が漫画風になるはず。 今は表示をいい具合にするた
思わず触りたくなる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ツールを使った方が楽。読み込み用のライブラリも付属していて
【iOS】たった数行で画像のフィルタ/エフェクトが実現できる超便利フレームワークCoreImage。とりあえず7つ紹介！ - @kitano_ow 's blog
iPhoneデジカメプログラミング 作者: 細谷日出海出版社/メーカー: ソフトバンククリエイティブ発売日: 2011/03/18メディア: 大型本購入: 1人 クリック: 33回この商品を含むブログ (4件) を見る ちょっとブログ(WordPress)の移行ができてないので、 ネタかぶっちゃうわけですが、改めてまとめ直したいと思います。 元記事(その1,その2) iOS5からCoreImageというフレームワークを使うと、 画像のフィルタが簡単にできます。リアルタイムフィルタには少し重かった印象ですが、静止画であれば特に問題なく利用できるかなと思いまして。 以下記事にて引用している記述は 公式ドキュメントからなど引用させていただいております。 前提その1 CoreImageというフレームワークを使います。 前提その2 インポートしましょう。 #import <CoreImage/Cor
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
「蜷川実花監修カメラアプリcameranのエンジニアが教える高速フィルターカメラアプリの作り方」のレジュメを公開します - PEAKを生きる
こんなかんじのフィルターが作れるようになります。 このレジュメを元にした勉強会が「MTL主催【学生限定・iPhone勉強会】蜷川実花監修カメラアプリcameranのエンジニアが教える高速フィルターカメラアプリの作り方です。 学生の皆様はふるってご参加下さい。 GitHubのリポジトリは https://github.com/kasajei/MTLSeminar201303 です。 あと、Xcodeをダウンロードしてきてね☆ Xcode カテゴリ: 開発ツール 価格: 無料 アジェンダ プロジェクト作成 GPUImageの組み込み とりあえず、GPUImageを動かしてみる PIP Cameraみたいなおしゃれなフィルターを作ってみる プロジェクト作成 まずプロジェクトの制作をします Single View Applicationを選択 名前はMTLSeminar201303にしましょう 次
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS7でAppleが目指したのは「UIデザインの常識」の再発明である
