新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
UIのアニメーションを目的別に分けたまとめ -Meaningful Transitions
デスクトップやスマフォやタブレット向けのページやアプリのユーザインターフェイスには、多種多様なアニメーションが使用されています。 ユーザーの助けになるよう目的にあった有意義なアニメーションを実装できるよう、ユーザーのインタラクションにフォーカスを合わせカテゴリに分けたMeaningful Transitionsを紹介します。 Meaningful Transitions アニメーションは、目的ごとに6つのカテゴリに分けられています。 下記に、6種類のアニメーションのカテゴリと事例をいくつか紹介します。 Orientation Spatial Extension Awaking Controls Highlight Feedback Feedforward Orientation オリエンテーションは表示されているオブジェクトから別のオブジェクトを表示するもので、スクロール、ポップアップ、ス
フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design
フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します。 フラットにあまり心を動かされなかったのですが、ぐらっときました。 Into the Arctic フラットなデザインはその名の通り、二次元のフラットなスタイルを使用します。このコンセプトは既存のエフェクトなしで機能します。ドロップシャドウ、ベベル、エンボス、グラデーションなど奥行きを与えるエフェクトは使わないようにします。 ページ内のテキスト、ボックス、画像、フォーム、ナビゲーションなどの全ての要素はエッジのきいたスタイルで、シャドウはありません。Appleによく見るSkeuomorphi
スマフォアプリの操作が気持ちいいエフェクトがたくさん！タップ操作時のエフェクトのまとめ -Tapotype
Tapotype 掲載されている各エフェクトはタップやクリック操作で、実際にアニメーションで動作します。 サイト閲覧には、Safariをオススメします。 各エフェクトはカテゴリ別にまとめられており、それぞれ詳細ページも用意されています。
Mega Flat Style UI Kit For Free Download - Vertical Infinity
Vertical Infinity – A Mega Flat Style UI Kit PSD for Free Download Hey guys today is a big day for us, we are really excited to hear your feedback on our today’s freebie. Today’s freebie is a huge flat style UI kit flat style UI kit, We can say this might be the biggest flat style UI kit for free. You can see the screenshot below; this flat style UI kit contains lots of web elements which might b
項目をタイル状に並べるデザインのサンプル | 長岡のホームページ制作・WEBシステム・WEBデザイン・スマホアプリ開発のことなら新潟県長岡市のFUCO
タイルのように項目を並べるホームページデザインのサンプルです。 本サンプルではFUCOブログの最新30件の記事が表示されるようになっています。 URL:http://labs.fuco.jp/alpha/tile/ ※弊社ロゴ部分は、本来は写真などの画像が入ることを想定しています。 ※現在は項目をクリックすると、FUCOブログの当該記事へとリンクするようになっています。 「ランダムに並び替える」というボタンを押すと項目がランダムに並び変わります。 「色順に並び替える」で色毎に距離が近くなるように並び替えし、「各色のボタン」で該当色をハイライト表示します。 本サンプルは元々お客様にサンプルとしてお見せする目的で作られたものでした。 こういうホームページのデザインは、デザイン性を優先したい方にお勧めです。 サンプルでは色で並び替えたりハイライトを選択できるようになっていますが、これは本来
UI Inspiration May 2013
In the increasing trend in web design towards perfecting the ideal user experience, interface design always plays a key role. Last week we published 10 major trends we took from our eBook "Web & Mobile Trends for 2013", among which content-first was the key idea. The interface, being relatively superficial, coud be the second most important to consider. And in the visual world in which we live, if
Starter's Guide to iOS Design
21 May 2013 32 minutes As someone who does work on both the development and design side of iOS apps I find that many designers struggle with the transition to UI work, or with the different processes involved in iPhone and iPad app design. In this guide I'll describe the deliverables you'll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design co
開発者必見！ 5秒でわかるフラットデザインまとめ | fladdict
・どこ押せばいいか謎 ・言われてるほど新しくない（スイス系のリバイバル） ・立体より工数低いが、誤摩化しがきかず難易度高い ・でもデザイン料を安くされそう ・日本語だと高確率でダサくなる
50 Perfect Examples of Flat Web Design for Inspiration – Speckyboy
Usabilia asked 100 web professionals for their opinion on the future of flat web design, and a huge 68% said that it is here to stay and not just another passing design trend. So despite our discussion previously about the then new flat design aesthetic, it appears that for the foreseeable future of web design is more than certainly going to be flat, or that the very least, almost flat. If you hav
20 Great Examples of the Flat Trend in Web Design
The flat trend in web design has recently gained a lot of popularity and we started noticing lots of website and interface designs springing up with this design style. We’ve seen the use of solid colors increase through the adoption of the flat design trend, but these hues are becoming increasingly vibrant following the release of new iOS and new iPhone. Dazzling RGB colors are becoming more popul
今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | Goodpatch Blog
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Almost Flat UI
Provides extra visual weight and identifies the primary action in a set of buttons
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
富士通キッズ 夢をかたちに : 富士通
Oak Studios
