Android 15 May Adopt Samsung-Inspired Design for Google’s Status Bar Icons Google revamped Android's look with a new colour scheme in Android 12. However, Android 15 might not have such a ...
iOS7が9月18日に公開されて2ヶ月ほどがたち、既にインストールされた方も多いのではないでしょうか。 iOSで初めての大きなUIの変更でもあり、非常に注目されました。特に「フラットデザイン」が採用されたことで、賛否両論あり話題を呼んでいます。 しかし、そのフラットデザインが注目される一方で、それ以外の変更はあまり注目されていません。ですが見た目だけではない本質的なUIデザイン変更が多くなされており、フラットデザイン以外の部分にも深く注目してiPhoneアプリやスマートフォンWebの設計/デザインを行っていくことが大切になってきます。 本連載ではデザインの視点から見たiOS7の変更点を、フラットデザインだけにとどまらないこれからのUIデザインのあり方も含め、数回に分けてお送りしていきます。 スキューモフィズム(Skeuomorphism)からの脱却 iOS7での見た目のフラットデザイン化は
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
UILabelは、iOSアプリ開発において使用頻度の高いクラスですが、カユいところに手が届かなかったりします。たとえばテキストの一部だけ強調表示するといった使い方はできませんし、動的に更新されるテキストを上寄せにしようと思ったら、そのテキストがちょうど納まるUILabelのサイズを算出するメソッドをコールしてサイズを指定する必要があります。 今回はそんなUILabelの機能を拡張してくれるサブクラス3種を紹介します。 OHAttributedLabel 特徴 NSAttributedStringをラップしてUILabelに持たせたもので、テキストの一部だけフォントや色を変えたりといった指定が簡単にできるようになります。 またリンクの付与、テキスト上寄せといったことも簡単にできます。 OHAttributedLabelの使用例 使用準備 ソースコードを以下のURLよりダウンロード https
米Appleは11月19日(現地時間)、iTunes StoreおよびMac App Storeでの無料アプリの表示を従来の「Free」から「GET」に切り替えた。日本では「無料」が「入手」に変わった。 さらに、ゲームアプリなどでアプリ内でアイテムを購入したり、米MicrosoftのOffice for iPadのようにアプリ内から有料サービスにアップグレードできるアプリについては「入手」ボタンの下に「App内課金あり」と明示されるようになった。 「Excel for iPad」も、アプリ内から「Office 365」のサブスクリプションが可能なので、「App内課金があります」になっている。 アプリストアに関しては、未成年者が保護者に無断で無料ゲーム内の有料アイテムを大量に購入していまうといった事故が問題視されてきた。Appleは今年1月、こうした問題で米連邦取引委員会(FTC)から提訴さ
スマートフォンはデカくなっても手は元のまんまです。親指で快適に素早く使うにはデザインはどう工夫すればいいの? 注意すべきポイントをまとめてみました。 親指操作をベースにデザインする デザインの専門家Steven Hooberさんが携帯1,333台の使用状況を調べてみた結果では親指操作の人は全体の75%、片手操作の人は49%でした。 日本でも片手の人が多いですけど、大型画面(4インチ以上)だと一番上にコントロールバーがあったりすると親指が届かなくて大変ですよね。
by 707d3k 東日本大震災を考慮して「iPad2」の発売が延期されたことは記憶に新しいですが、思わずインストールしたくなるような、見た目が洗練されているiPad用のアプリが10種類挙げられています。 主にスケジュール管理系のソフトが中心となっているためか、奇をてらうよりはシンプルで使いやすいように設計されたものが取りそろえられているため、これからアプリを制作しようとする人にとってはデザインの参考になりそうです。 スタイリッシュなiPadアプリ10選は以下から。10 Beautiful iPad App Interfaces | Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers 1:Things TODOリストを管理するためのソフト「Things」はとても落ち着いた色
$800 to $1800 SSDI Disability Payments May 2024: The United States of America’s financial government has implemented several different programs in an effort to provide assistance to residents. Individuals who are disabled or suffering from low or no income are eligible for financial assistance through these incentive programs. Recent events … Read more
Mac OS X Yosemiteの変更されたUIデザインを細かく見てみる2014.06.15 13:007,080 mayumine 新しいMac OS X Yosemite。 より明るくフラットに、アイコンも一新、フォントも変わって、透明になったデザイン。Yosemiteのヴィジュアルデザインの変更点を細かくおさらいした米ギズモードによるファーストインプレッションをご紹介します。ちなみに以下のスクリーンショット画像はPixelapseにアップされているものです。 良いところログイン画面がすっきりに Mac OS X Yosemiteのログイン画面がすっきりと滑らかな雰囲気になりました。 かすかにフェーディングするアニメーションも初めて新しいOSにログインするユーザーを優しく出迎えてくれているようです。 Mac OS X Yosemiteのログイン画面は良い感じ。 新しくなったアプリアイ
知り合いのデザイナーさんから「iOS&Androidアプリをデザインする時に何か知っておくべき事ってありますか?」と質問を受けたので、思い浮かんだ事をずらっと書いてみました。他にも何かありましたらコメントお願いします!ツッコミも歓迎(´ロ`) モバイルアプリデザインの原則とiOS 量が少し多いが、公式のiOSヒューマンインターフェイス ガイドラインは必読。(※ダウンロードに時間かかるので注意) iOSだけに限らず、モバイルアプリのデザインをするにあたって重要な事がまとまっている。 載っていること ヒューマンインターフェイスの原則 アプリケーション設計戦略 iOSテクノロジーの使用に関するガイドライン 標準で用意されている各UI要素(タブやツールバー等)の使い方 マルチスクリーン対応 どのような違いがあるのかを把握する 画面密度(ppi)や画面サイズなど 参考:iPhone, iPod to
カレンダーアプリは最も利用する頻度が高いものの一つですので、人気のものはひと通り使うようにしています。 ここ最近は Calendars 5 を利用していますが、デスクトップでのすばやい入力には Fantasticalを使っていますので、iPhone 版に続いて、iPad 版の最新アプリが登場したときいてさっそく試してみました。 カレンダーアプリはファーストビュー、つまり起動して最初の見え方で使える人と使いにくいと感じる人が分かれるという側面がありますが、Fantastical for iPad 2は良い意味で利用者を選ぶ個性的な仕上がりになっています。### 週表示と月表示を同時に 普通カレンダーアプリを立ち上げた際、最初に表示されるのは全画面の月表示、あるいは週表示といったように、なるべくカレンダーを大きくみせたインターフェースです。 Fantastical for iPad 2 の場合
2011/05/27 タッチデバイスを生かし、スラスラと手書きした文字をテキストに変換できるメモアプリ「7notes」。2月にiPad版が登場した際には、「けい営会ぎ」のように思い出せない漢字を平仮名で書いても正しく漢字に変換してくれるなど斬新な使い勝手で話題となった。かなり適当に走り書きしても認識される。 7notes for iPadは、AppStoreのランキングで、常に10~12位をキープしていて、ビジネス系アプリの定番として認知されつつあるようだ。 制約から生まれた、シンプルな使いやすさ 6月10日にはiPhone版が登場する。価格は700円で、6月末までは記念価格600円(リリース日はアップルの審査の都合上多少前後する可能性がある)。「7notes mini」と名付けられたiPhone版は、iPad版とはユーザーインターフェイスや機能が異なり、基本機能は「むしろiPad版よりも
アップルの大型iPadは12.9インチ・ほぼ4K解像度ディスプレイを搭載し、来年早々に登場?2013.11.21 07:00 塚本直樹 4K解像度iPad、出るなら買うしかない! これまで何度か繰り返されてきた大型iPadの噂ですが、その存在を裏付ける証拠がまた出てきたのかもしれません。 韓国メディアのThe Korea Timesは19日、アップル関連のサプライヤー筋から得た情報として、大型iPadに搭載される12.9インチの超高解像度パネルはすでに生産中であり、来年早々にも発売されるだろうと伝えています。 さらに、搭載されるディスプレイはほぼ4K解像度(UHD解像度)になるとのこと。アップルから4K解像度iPadが来年にも登場するなんて噂、期待せずにはいられません! この情報筋によると、アップルはPC需要をタブレットに置き換えるために、大型iPadの販売を計画しているそうです。 大型i
タップすると、びよ〜んと弾んでナビゲーションが表示されるタブレット・スマフォ向けに実装してみたいナビゲーションを紹介します。 Bounce Menu 左下をタップで動作します。 実装はこんな感じです。 HTML <div class="device"> <div class="screen"> <div class="menu"> <ul> <li class="lock"><a href="">Lock</a></li> <li class="share"><a href="">Share</a></li> <li class="download"><a href="">Download</a></li> </ul> </div> <div class="toggle"> <div class="x"></div> <div class="y"></div> </div> <div cl
先週、Appleから「iOS 7 beta 3 now available.」のメールがきた。これは、iPhone や iPad などの開発者に送られてくるもの。iOS 7の秋公開に向けて、僕らのような開発会社は事前にこうしてiOS 7を触ったり、そのiOS 7上でアプリを開発したりする。 ■「iOS 7」ベータ第3版がリリース--パフォーマンス向上やバグ修正など http://japan.cnet.com/news/service/35034440/そこで、さっそく手持ちの iPhone5 を iOS 7 に変えてみた。下の写真が、それ。もし、iPhoneをお持ちの方は、現在の画面と見比べてほしい。だいぶ変わったことがわかるはずだ。 iOS 7 beta 3今回のリリースではフォルダの透過性が増し、楽曲コントロールのデザイン変更、カレンダーでイベントのある日が分かるようになったなどが変更
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く