タグ インターフェースデザイン
人気順 5 users 10 users 100 users 500 users 1000 usersiPhone 6sの「深押し」3D Touchの使い方。アプリ設計はどう変わる? (深津貴之 fladdict のUIコラム) - Engadget Japanese
iPhone 6sの「深押し」3D Touchの使い方。アプリ設計はどう変わる? (深津貴之 fladdict のUIコラム) BY Engadget JP Staff @engadgetjp 2015年09月24日 22時45分 0 [編集部:iPhone 6s の新機能 3D Touch について、インターフェースデザインと iOS アプリ開発の第一人者 深津貴之 氏 aka @fladdic... 続きを読む
iPhone 6sの「深押し」3D Touchの使い方。アプリ設計はどう変わる? (深津貴之 fladdict のUIコラム) - Engadget Japanese
[編集部:iPhone 6s の新機能 3D Touch について、インターフェースデザインと iOS アプリ開発の第一人者 深津貴之 氏 aka @fladdictにお話を伺いました] 新しいiPhone 6sに搭載される「深押し」こと3D Touchについて、どんなものか説明してよ!ということで寄稿させていただきました。 3D Touch とは何か?の基本から、iOS 9での便利機能、そして今... 続きを読む
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン : ギズモード・ジャパン
片手で扱うならば、親指がスマートフォンの鍵となる。 スクリーンの巨大化ーー賛成反対と意見がわかれつつも、アップルがiPhone 6/6 Plusをリリースしたことで、ついにスマホ大画面時代が一気に花開きました。初動で歴代予約記録を更新した新型iPhone、つまり世の中もこの時代の流れを受け入れたのではないでしょうか。 3.5~4インチのディスプレイは、急激にその姿を消しています。Adobeによるモ... 続きを読む
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン : ギズモード・ジャパン
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン 2014.09.25 21:00 片手で扱うならば、親指がスマートフォンの鍵となる。 スクリーンの巨大化ーー賛成反対と意見がわかれつつも、アップルがiPhone 6/6 Plusをリリースしたことで、ついにスマホ大画面時代が一気に花開きました。初動で歴代予約記録を更新した新型iPhone、つまり世の中もこの時代の流れを受け入... 続きを読む
フラットデザイン誕生の理由 ~今後のデザインプロセスについて2013~PhotoshopVIP |
ここ数年のあいだで、ソフトウェアやアプリのインターフェースデザインに大きな変化が訪れています。立体的な3Dデザインから、Appleが推奨したSkeuomorphicデザイン、そしてフラットデザイン。このトレンドはさらに細分化されていますが、今回はフラットデザインに至った理由や、インターフェースデザインに影響を与えた事柄について見ていきましょう。また後半では、フラット系ミニマルデザイン制作時のプロセ... 続きを読む
Photoshop VIP Webサイトに利用したい、ピクトグラムの無料アイコンフォント17個まとめ
海外デザインブログSixRevisionsで、商用利用も可能な無料アイコンフォント17個をまとめたエントリー「Free Icons Fonts for Web User Interfaces」が公開されていたので、今回はご紹介します。Webサイトやアプリのインターフェースデザインにいかがでしょう。 詳細は以下から。 アイコンフォントってなに? アイコンフォントは、通常のアルファベットやひらがなとは... 続きを読む
Photoshop VIP ☞ 世界中のデザイナーが参加するCMSサイトDribble発、無料PSD素材ファイル25個まとめ
Home > まとめ > PSD素材まとめ > 世界中のデザイナーが参加するCMSサイトDribble発、無料PSD素材ファイル25個まとめ 最近のWebデザイントレンドにもなっている、リアルな質感で再現されたボタンなどのインターフェースデザイン。 世界中のデザイナーさんが作品を投稿、評価するCMSサイト、Dribbbleでは毎日さまざまなデザインが公開されています。 海外デザインブログSpyr... 続きを読む
Photoshop VIP ☞ Appleのデザインテクニックを学ぶ、99個の無料PSDアイコン素材Freshy Icons
Home > ダウンロード > アイコン素材 > Appleのデザインテクニックを学ぶ、99個の無料PSDアイコン素材Freshy Icons 世界中での愛され続けているAppleブランドですが、人気のある理由に圧倒的なデザインセンスがあるのではないでしょうか。 iPhoneやiPad、Macbookなど機種本体のエクステリアはもちろん、インターフェースデザインにも相当なこだわりがありますね。 ... 続きを読む
Photoshop VIP ☞ 質感の高いWebサイトを作成するUIデザイン用PSDファイル「Balio Web UI Kit」
ウェブサイト、ブログなどをデザインするときに大事な要素のひとつが、統一感ではないでしょうか。 海外デザインブログWebdesignerdepotで、ウェブデザインで利用するであろうインターフェースデザイン、素材などをまとめたセット「Balio Web UI Kit」を公開していたので、今回はご紹介します。 繊細な色使い、ディテールの表現方法によって、よりオシャレに、より使いやすくなっているのではな... 続きを読む
Photoshop VIP ☞ 商用可、iPhone 4Sを完全再現する無料PSD素材セット2個まとめ
今週発売されたばかりのiPhone 4S、すでに利用されている方もいるのではないでしょうか。 特に目立った外見の違いはありませんが、インターフェースデザインなど変更点もさまざまです。 今回は、iPhone 4Sの本体デザインからUIデザインまで完全再現することができるPhotoshop無料PSD素材セットが2つ公開されていたので、ご紹介します。 詳細は以下から。 iPhone 4S本体デザイン i... 続きを読む
Photoshop VIP ☞ 操作性、見た目を重視した高品質なUIデザイン用無料PSD素材35個まとめ
Webサイトに限らず、iPhone、Android用アプリなどにおいて操作感は重要なポイントではないでしょうか。 使い勝手だけでなく、見た目もたのしませてくれるインターフェースデザインを作成してみませんか。 海外デザインブログSmashing Appsで、そのままデザイン制作に活用したいインターフェースデザインを35個まとめたエントリー「35 High Quality PSD UI Web Des... 続きを読む
インターフェースデザインで気をつけるべき10のこと | IDEA*IDEA
これは良いまとめ。勢いでメモ的にエントリーしておきます。来年は4半期に一度はアプリ作りたいので参考にしよっと。 では早速。 クリック可能エリアは余裕をもって 小さなテキストだけがクリック可能、だとクリックしにくいですよね(特にiPhoneなんかで)。テキストの周りのエリアは余裕をもってクリック可能にしておきましょう。 ↑ 右の例のように、クリック可能エリア(青い部分)を設定しましょう。 ラベルテキ... 続きを読む
ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 - 100SHIKI ~ 世界のアイデアを日替わりで ~
ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 August 29, 2007 12:54 AM written by webmaster インタラクティブなデザインがどうあるべきか、そのデザインパターンを集めまくっているのがデザイナーのWelieさんだ。 彼のサイトではカテゴリーごとにどういったインターフェースデザインが有効かをまとめてくれている。 検索サイト、ショッピン... 続きを読む