『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
ハリウッドのSF映画に登場したPCのモニター画面はこれまで何を写してきたのでしょうか? The Vergeの記事『Tour Hollywood's craziest computer UIs, from '2001' to 'The Matrix'』によれば、WiredとWaxy.orgのライターでキュレーターでもあるAndy Baio氏が、様々な古い映画から集めたコンピューターのインターフェイスのスクリーンショットを1200枚以上公開してるそうです。 http://screen.waxy.org/screenshots/ 主な映画のタイトルはHackers, 2001, Alien, Jurassic Park, The Matrix, AI などなど。 『(ハリウッド)デザイナーが映画の一場面をさらに興味を引くように、"未来的"にするために取った、様々に異なった方法はとても魅力的です。
世界中で講演を行い、ホワイトハウスでもプレゼンテーションを行ったという「UXの第一人者」Janice Fraser氏。 UXに特化する会社を立ち上げた彼女の経験・バックグラウンドや、彼女が語る「Lean UX」などに関しては同記事の後編に譲るとして、まずは彼女が定義する「UXとは何か?」ということや、よく混同されがちな「UIとUXの違い」、更には「国を超えるとUXに違いはあるのか?」「良いUXを測るための指標」について伺った。 ◆目次(前編)◆UXとは?混同されがちなUIとUXUXに国ごとの違いはあるか?良いUXかどうかを測る指標は?◆話者プロフィール◆ ゲストトーカー:Janice Fraser LUXr, Inc. CEO @clevergirl UXデザイナー、起業家。UXを重視したウェブサービスのデザインを手がけるAdaptive Path社の共同創業者、初代CEO。 15年に渡る
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
個人的に最も使い勝手の良いマインドマップソフトは操作感もサクサクなMindmanagerだと思っています。その次に来るのが手軽にオンラインでブレストできるMindMeister。 ただ、いずれのマインドマップサービスも、マインドマップ上でプロジェクトからタスクへ落としこんでも、エクセルへエクスポートする機能がなく、エクセルで視認性の高いタスクの一覧を作ったり、ガントチャートを作ったりする際にひと手間かける必要がでてしまいます。Mindmanagerのガントチャートを使っても良いのですが、そのためには高価なアカウントがいくつも必要になります。 そこで今回は、エクセルへのエクスポート機能が優れている無料のマインドマップソフトをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方
TOP > Design > 立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」 webサイトやスマートフォン特有のUIデザインは、視認性とクリエイティブ性の両方が求められるクオリティのパーツ制作が必要不可欠となってきます。そこで今回は、立体感のあるUIを手軽に利用できるフリーUIキットをまとめた「New Creative UI Kit Free Download」を紹介したいと思います。 Simple UI Kit – Icon Deposit カラートーンの異なるUIキットが、いくつも紹介されています。中でも気になったものいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Vector UI Bundle – Icon Deposit シンプルなカラーリングのUIキットです。落ち着
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業
はじめまして。昨年末ライブドアに入社しました阿部です。 入社してまだ日が浅いということで、今回は前職でのナレッジを一部ご紹介したいと思います。 前職ではアフィリエイト広告を主軸としたWeb専業の広告代理店で、Webプロモーションのディレクションを担当していました。 アフィリエイト広告の特性上、例えばランディングページ(以下LP)であればコンバージョン(成約)を意識したクリエィティブであることが重要です。なぜならクリエイティブの視点からもコンバージョンを意識する事で、目に見えて広告効果が改善されるからです。 そしてコンバージョンを意識したクリエィティブは、アフィリエイト広告のLPに関わらず、多少なりともコンバージョンアップに気を配るページであれば、流用可能なものばかりです。そのため、知っていて損の無い10項だと思われます。 当たり前の事柄ばかりを集めましたので、現在のLPに漏れが無いか、宜し
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
開発部の井上(@inonb)です。12月に位置情報サービス・ロケタッチのAndroidアプリをリリースしました。ぜひお試しください。 さて、今回はAndroidアプリのUIまわりについて書いてみたいと思います。 iPhoneアプリに比べて、AndroidアプリのUI仕様は、わりとWebに近いところがあります。Webの仕事の経験があるデザイナーさんは入りやすいところもあるのですが、マルチディスプレイ対応など面倒なところもあります。 デザイナーさんに聞かれた質問について簡単にまとめてみたいと思います。 1. iPhoneアプリのデザインって流用できますか? 流用はできるだけ避けたいです。 たとえばTwitterやFacebookのアプリなど、両プラットフォームに多くのユーザーを持つアプリを見ても、iPhoneとAndroidではデザインが変わっているのが分かると思います。 Androidのデザ
Moleskine Notebook with jQuery Booklet | Codrops jQueryでリアルな本をペラペラめくるUI作成チュートリアル。 デザインの美しさも素晴らしいのですが、アニメーションしながらめくれる感じもちゃんと出てるところがすごいです。 デモページ jQueryベースというのはあまり見たことがなかったのですが、これを参考に作れそうですね。 CSS3なんかも使われているので、総合的に学習できる資料として役立ちそうです。 関連エントリ Flashで本をペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」 Flashで本をペラペラするUI実装いろいろ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く