What Mainstream Games Are Becoming a Thing of the Past Gaming has become a part of the lives of millions of people. The fact is that the industry is developing ...
What Mainstream Games Are Becoming a Thing of the Past Gaming has become a part of the lives of millions of people. The fact is that the industry is developing ...
This document discusses using UIWebView in iOS applications. It covers loading HTML and CSS content into UIWebView, handling touch events, supporting Retina displays, and using CSS effects like gradients, shadows, animations and rounded corners. It also provides resources for learning more about web development for iOS like the Safari Developer Center documentation.Read less
事前レビュー「UI考(番外編) AppleWatchについて、あまり語られてない視点」の続き、週末に使ってみた雑感。 通知マシーンとしての素晴らしさ 通知マシーンとしては文句なく素晴らしい。手首に対する自然なノックからはじまる通知と確認のプロセスは、ミニマルで合理的に設計されている。Facebookのメッセンジャーやカレンダーなどとの相性は抜群だった。 全てをぶちこわす致命傷 いっぽうアプリのプラットフォームとして考えた場合、これはまだ実用に達していないと判断した。おそらく一番致命的な問題はレスポンスの遅さだ。 Apple Watchの謳う最大の価値は、「携帯を取り出すより楽」なことと「グランサビリティ(一目瞭然性)」だった。ところが実際触ってみると圧倒的に遅い。これはiPhone本体とのBT通信が全てを台無しにしているためだ。 例えばグランスやアプリを使用する場合を考えてみよう。アプリ利
カレンダーなどのアプリで、画面に今日の日付などを表示している場合、真夜中に日付が変わった瞬間にUI表示を変えたりなどの処理をしたいことがありますよね。 そのためだけにNSTimerなどを使ってタイマー処理をするのも面倒くさいので、たいていはスルーしていると思うんですが。 実はそんな時に使える便利な機能があります。 UIApplicationDelegateで、applicationSignificantTimeChangeをオーバーライドしておけば、日付が変わった瞬間にこの関数が呼ばれて、UI変更の処理をすることができます。 - (void)applicationSignificantTimeChange:(UIApplication *)application{ NSLog(@"日付の表示を変えてください。"); } こんな時によばれるので、日時を扱うアプリでは、実装しておくのがお勧めで
ああ、こんなにも変わり果ててしまって...ってアレ? 2月24日に、「iPhone」版の「LINE」が更新されました。バージョンが5.0.0となり、以下の新機能が実装されています。 しかし、このデザインリニューアルがかなり不評だったようでして、App Storeのアプリレビューが大荒れになっていました。ご覧ください、以下の惨状を。 App Storeは、最新バージョンのみに絞ったレビューも見られます まだ更新から1日しかたっていないのに、すでに1600件の星1レビューが集まっています。これはひどい。 一体どれほど変わってしまったのでしょうか? 実際にご覧ください。 こんな風に変わった「iPhone」版「LINE」まず、これが更新前、つまり今までの見た目です。 そして今回、こんな感じになってしまったのです! ...んんん? ...んんんんん!? 間違い探しか!? 皆さん、どこが違うか見つけら
こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか?」 「見出しと本文の違いがパッと見で分かるだろうか?」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S(古くてスイマセン)でキャプチャーとる Photoshopで上からテキストをトレース。(このときの文字設定の数値を記載しています。) ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot
Spring ★431 手軽にアニメションが行えるライブラリです。SrotyBoardからアニメションの設定を行えるのがいいですね。 インストール Xcodeに手動でドロップします。 サンプルコード アニメションのコードはとってもシンプルです。 26種類のアニメションパターンを設定できます。 shake pop morph squeeze wobble swing flipX flipY fall squeezeLeft squeezeRight squeezeDown squeezeUp slideLeft slideRight slideDown slideUp fadeIn fadeOut fadeInLeft fadeInRight fadeInDown fadeInUp zoomIn zoomOut flash デモ デモアプリでアニメションの動きを確認できます。 design+
使いやすいアプリを作るための、とても簡単で、確実な方法があります。 それは、ユーザの問い合わせに対応することです。具体的に言うと、問い合わせが気軽にできるようなUIにして、そこで得た情報源を元にUIを分かりやすく改良していく。(機能追加とはまた別の話) ただ、直感的に感じるように、これは手間がかかるのでたくさんの人は逆のことをしようとする。つまり、ユーザヘルプを設置して、問い合わせ先は出来るだけ発見しにくい洞窟の奥深くに設置する。 でも、問い合わせには、アプリの利便性向上につながるヒントが豊富に隠されています。ユーザがどんな問題やニーズを持っているかのヒントもザックザック出て来ます。ザックザックです。 アプリ開発にとって、やったことがいい事は星の数ほどあって、そのどれもをやろうとすると時間やお金がいくらあっても足りません。だから、”やったほうがいい事”の優先順位は常に意識して、メリットとそ
UILabelは、iOSアプリ開発において使用頻度の高いクラスですが、カユいところに手が届かなかったりします。たとえばテキストの一部だけ強調表示するといった使い方はできませんし、動的に更新されるテキストを上寄せにしようと思ったら、そのテキストがちょうど納まるUILabelのサイズを算出するメソッドをコールしてサイズを指定する必要があります。 今回はそんなUILabelの機能を拡張してくれるサブクラス3種を紹介します。 OHAttributedLabel 特徴 NSAttributedStringをラップしてUILabelに持たせたもので、テキストの一部だけフォントや色を変えたりといった指定が簡単にできるようになります。 またリンクの付与、テキスト上寄せといったことも簡単にできます。 OHAttributedLabelの使用例 使用準備 ソースコードを以下のURLよりダウンロード https
Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I
LINEとかチャット系アプリは大体踏襲しているアレです。 まとめて解説してるブログが見つからなかったので、必要最低限の部分だけメモっときたいと思います。 今回はメッセージ入力欄のみで、ポイントはこの二つ。 メッセージ入力欄・送信ボタンは下部固定(キーボード出現時は隠れないように移動) 入力テキストの行数によってメッセージ入力欄の高さが変わる 実現方法は色々だと思いますが、今回は StoryBoardでAutoLayout を使ってやります。 【完成イメージ】 StoryBoardでレイアウトを作成 まずは以下の構造で各種UIパーツをレイアウトします。 Constraintを設定 Constraintについてここでは詳しい説明はしませんが、View間の相対位置やサイズ等を定義するルールといったところです。 画面サイズが異なる端末でもそれぞれいい感じにレイアウトが組めるので便利です。 Stor
はじめに こんにちはー!! UI設計やってますか? 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね! 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います! 今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね~。 しかも! 大抵の場合、実装後のレビューの段階(つまり最終段階)で 「やっぱここ動きおかしいよね!直せる?」 「・・・。(えー!
スマートフォンはデカくなっても手は元のまんまです。親指で快適に素早く使うにはデザインはどう工夫すればいいの? 注意すべきポイントをまとめてみました。 親指操作をベースにデザインする デザインの専門家Steven Hooberさんが携帯1,333台の使用状況を調べてみた結果では親指操作の人は全体の75%、片手操作の人は49%でした。 日本でも片手の人が多いですけど、大型画面(4インチ以上)だと一番上にコントロールバーがあったりすると親指が届かなくて大変ですよね。
「デザインがかっこよすぎて80%が離脱」サイバーエージェントのお料理日記アプリ「ペコリ」がハマった意外な落とし穴。 サイバーエージェントさんのお料理コミュニティアプリ「ペコリ」についてプロデューサーの野口さんにお話を伺いました。 ※株式会社サイバーエージェント「ペコリ」プロデューサー野口さくらさん。 「ペコリ」をつくった理由。 「ペコリ」について教えてください。 野口: ペコリは手作り料理に特化した「お料理コミュニティアプリ」です。約2年前にリリースして20人ほどで運営しています。(プランナーが2人で、残りはエンジニアとデザイナー) アプリは約70万ダウンロードで、WEBもあわせると月間200-250万人の利用者が使ってくれています。ユーザーとしては90%以上が女性で、20-40代の料理好きな主婦がほとんどですね。 アプリはiOSとAndroidだとどちらが多いでしょうか? 野口: iOS
Introducing Sessions: the latest product from Waldo!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く