『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
こんにちは!デザイン担当の福島です。 相変わらず、Windows 8 のことについて調べるのが楽しい最近です。 前回は Metro UI の画面パターンや素材など調べたことを書いてみましたが、今回は実際に触ってみたり Metro デザインについてガイドラインを読んだり、コンセプトについて学んだりしておもしろい!と思った UI やデザインについて、いくつか書いてみたいと思います。 Authentically Digital “真にデジタル” Metro デザインの楽しいところというのは、やっぱりあのグラデーション等を排除したパネルを用いたデザインです。 アップルの iPhone などを筆頭とした美しいグラフィカルなデザインとは対極なシンプルで案内板や標識のような Metro のデザイン。世界観の違いについては以下の中村勇吾さんのつぶやきがおもしろいです。 要するに、スクリーンを「プロダクトの
The Polaris Dawn crew is back on Earth after a historic mission
スマートフォン、タブレット、ラップトップタイプのタブレットなど、タッチデバイスに最適なナビゲーションの考察を紹介します。 単に見た目のレスポンシブではなく、操作性を考慮したレスポンシブです。 Responsive Navigation: Optimizing for Touch Across Devices 下記は各ポイントを意訳したものです。 各デバイスのサイズ 各デバイスのタッチ方法 タッチデバイスに最適なナビゲーションの位置 デモ スマフォ・タブレット・ラップトップタブレットのサイズ まずは、デバイスごとのスクリーンサイズを確認してみます。 過去2ヵ月にリリースした主要なスマートフォンのサイズ一覧です。
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
様々な場面で参考になるUIキットが世の中には本当に沢山ありますが、UIキットと言っても、その種類はPCからiPhoneやiPadなどのキャリア別、質感、色相や目的、本当に様々なUIがありますよね。 そこで今回は僕がこれまでのWEB屋歴の中で見つけたUIキットを僕なりにタイプ別に分けてご紹介。 どういう時に使うのかは人それぞれですが、沢山の人が考えに考えぬいたUIキットであれば、そこから得られる物も本当に多いと思うので、是非参考にしてみるのはいかがでしょう。 黒ベースなUIデザイン Black UI Kit Blaubarry UI Kit FREE Ui elements Set d’elements ui (PSD) スマートフォン/タブレットPC系 UIキット Android GUI PSD Vector Kit Mobility: A free set of mobile UI de
[CSS3] Path 2.0 Flyout Menu using CSS – Pathを模したCSS3メニュー Pocket Tweet 新しいUIが素晴らしいという事で最近よく記事を目にするiPhoneアプリのPath。あれのメインメニューを模したものをCSS3で作ったというのがこれ。+をクリックする事でメインメニューがズラっと出てきます。もっかい押せば収納。この動き自体はさほど新しいものではないんだけど実際にアプリの中で目にすると、デザイン性の高さだけでなく、手に持った時の機能性と表示エリアの節約など、なんかこうデザイナー的に色々とグっとくるわけですよ奥さん。これマネた作りのメニューって今後いくつか出てきそう。自分もマネっ子したいです! 追記:似たような作例をもう1つ見つけたので追記。 Path 2.0 Flyout Menu using CSS Path menu in pure
7月3日に公開されたココナラ(運営会社:株式会社ウェルセルフ)のリデザインを担当させていただきました。 ココナラをどのようにデザインしていったか、またデザインの特徴などを書いてみましたので、参考になればと思います。 そもそもココナラとは? 500円で個人の経験・知識・スキルを売買できるWebサービスです。 自分の得意なことをサービスとして売ったり、他の人の得意なことをサービスとして買ったりすることができます。 購入者一人ひとりに合わせたオーダーメイドの回答がもらえることが特徴です。 私の担当領域 デザインがメイン作業で、単純なページに関しては情報設計+デザインを担当しました。 また、1からのデザインではなく、元々のベースがあって、それの作り替えという感じでした。(なので、リデザイン) 情報設計は @satoshimmyo さんが行い、その指示のもとデザインを作成していきました。 デザインプ
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く