パスワードを忘れた方はパスワードの再設定を行ってください。 初めての方ははてなID登録 (無料) してください。 うまくログインできない方はお問い合わせをご覧いただき、Cookieの設定をご確認ください。
iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴から情報設計の原則、それぞれ何のための部品なのか、という解説がされています。なぜこうなったのか、なぜこれが良くてあれが駄目なのか、Apple の UI デザイナーは何を考えてこのような設計にしたのか、HIG ではそのようなところまでは説明されていないことがあります。いくら内容を丸暗記したとしても「 なぜ 」がわからなければ本質から理解したとは言えません。 よくある UI デザインにおける誤り、『磨りガラス効果がかっこいい』『アニメーションしておくとかっこいい』『ボタンは右配置の方が押しやすい』『色が綺麗』『流行っているから優れている』…などがありますが、そういうことではない
iOSとAndroidとWindows系の単位がそれぞれ超絶わかりにくく覚えにくいので自分用にまとめを作っています。ちょっと納得できてないところもあるんで、適宜直しつつ。 間違いありましたらご指摘ください。 俺のスマートデバイス単位系チートシート スマートデバイス周りの用語として記載します。 px Pixel。ソフトウエア側の最小描画単位。 ディスプレイ上ではたいてい1px=1ドットになるため、ほぼドットど同義だが、ドットと違って色情報(色調、階調など)を保持できる。画像等のリソースを実寸で表示するときによく使う。 ドット ハードウエア(ディスプレイやプリンタ)側の最小描画単位、ディスプレイ上ではほぼpxと同義。 ※印刷だと1px=1ドットが成立しないが、ここでは省く。 dp Density-independent-pixels、密度非依存ピクセル。 各端末上でほぼ同じ大きさで表示できる超
iOSとの比較つき!Androidでこんなアプリ,こんな機能を作りたかったらこれを見ろ!作りたいアプリに対応するクラス、ライブラリのまとめ!iPhoneAndroidiOS by @mixiappwchr 最近Androidのほうも久しぶりがっつりやっているため、簡単ですがまとめてみました。 環境編 IDEは何を使えばいいの? 今から始めるにはnatvieのコードとかを書かない限りAndroid Studioを使いましょう 最近ようやく1.0が出ました。 Android Studio http://developer.android.com/sdk/index.html 検証用のエミュレータが遅いよ! iOSと違う点ですが、Androidはエミュレータの遅さに定評があります。Intel HAXMでの高速なエミュレータか、Androidの仮想環境を提供してくれるGenymotionを使いまし
ワイヤーフレームを楽しく作ろう! 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる!」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました!もちろんすべて無料で始められます! では早速どうぞ〜! Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま?)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
知り合いのデザイナーさんから「iOS&Androidアプリをデザインする時に何か知っておくべき事ってありますか?」と質問を受けたので、思い浮かんだ事をずらっと書いてみました。他にも何かありましたらコメントお願いします!ツッコミも歓迎(´ロ`) モバイルアプリデザインの原則とiOS 量が少し多いが、公式のiOSヒューマンインターフェイス ガイドラインは必読。(※ダウンロードに時間かかるので注意) iOSだけに限らず、モバイルアプリのデザインをするにあたって重要な事がまとまっている。 載っていること ヒューマンインターフェイスの原則 アプリケーション設計戦略 iOSテクノロジーの使用に関するガイドライン 標準で用意されている各UI要素(タブやツールバー等)の使い方 マルチスクリーン対応 どのような違いがあるのかを把握する 画面密度(ppi)や画面サイズなど 参考:iPhone, iPod to
Best app icon resizer for mobile developers. Optimized for both for Xcode and Android Studio.
ようやくNDAも解禁されたので、さっそくiOS 7の対応事例を公開させていただきます! 資料はslideshareにて公開しています。このブログでは、スライドの流れを簡単に紹介したいと思います。 iOS 7 対応事例 FastCheckin from Kosuke Ogawa 1. まずはFastCheckinの紹介 「FastCheckin」は素早く簡単にfoursquareにチェックインするためのアプリです。 FastCheckin カテゴリ: ソーシャルネットワーキング 価格: ¥85 今回はこのアプリの対応事例について説明します。 2. アプリアイコンの修正 まずはアプリアイコンの修正から始めました。 ご存知の通り、iOS 7ではアイコンの角半径も変更されており、これまでの角半径に合わせて作られたアイコンは修正する必要がありました。 Apple、開発者に対し「iOS 7」対応のアイ
はてなでスマートフォンアプリの開発を担当している、id:ninjinkunこと浅野慧です。近年、スマホアプリは「ユーザー体験(UX)」が非常に重要と言われており、筆者もUXの勉強に勤しむ毎日です。そんな中、エンジニア&クリエイターを支援するコミュニティ「Web CAT Studio(運営:リクルートエージェント)」が「スマートフォンUXの最前線」という勉強会を開催すると聞いて、お邪魔してきました。勉強会当日のレポートと、Web CAT Studioが積極的に勉強会を開催している理由を伺ったインタビューをお送りします。記事の終わりには、関連書籍のプレゼントのお知らせも! (※この記事はWeb CAT Studio/株式会社リクルートエージェントの提供によるPR記事です) ▽ スマートフォンUXの最前線 : ATND 「UX」とは「ユーザー・エクスペリエンス」「ユーザー体験」の略で、簡単に言う
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Tweet 最近、自分のセンスのなさをなんとかしたいため、デザインに関する話題をチェックしているのですが、iPhoneアプリのデザインに関する素晴らしい記事を発見したのでご紹介。 素晴らしいデザインをもったアプリ33個が紹介されています。 以下にそのアプリとそれに関する日本語記事をまとめました! 1. Momento 多機能メモアプリ。キレイでみやすいインターフェイスですねー。 【参考】 Kuroobisan’s Memo: iPhoneライフスタイルアプリ『Momento』 2.Groups 電話帳アプリ。振り分けなど煩雑な操作もやりやすい設計になっているとか。 【参考】 Groups: 連絡先データの整理に使えるアプリ。連絡先データの削除においては神。350 3.Epicurious アメリカ版クックパッドのアプリ。優れたインターフェイスが特徴とか。 4.Be Happy Now 5.
売り上げを左右する以前に、デザインが原因でアップルの審査落ちも起こり得ます。基礎データや注意点、素材サイトなど役立つ情報満載! iPad/iPhoneアプリのデザインは、不要? 重要? 2009年11月に登録数が10万本を超え、毎日増え続けるiPhoneアプリ(参考:AppleのApp Store、登録アプリが10万本を突破)。「そろそろ作り始めてみたいけど、どこから手を出せばいいの?」というデザイナの方もいらっしゃるのではないでしょうか。 カヤック意匠部では、ネタアプリから本格的な楽器アプリまで、多くのアプリをリリースしています。そこで今回は、その経験を生かして、iPad/iPhoneアプリ制作を始めるに当たってデザイナが押さえておくべき基本的なポイントを、まとめて紹介します! 「デザインを一切しなくても、アプリは作れる」 と、いきなりですが、デザイナがいなくてもアプリは作れます。アップ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く