『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
「Open Knowledge Sharing」の言葉の元、Goodpatch内ではメンバーが各々自分のアンテナを張り、面白い情報を共有しています。その成果は毎月のまとめとして当ブログにアップされる他、仕事に直接活かされることもありますし、間接的にも各々の力となっています。今回はGoodpatchのデザイナーが情報のインプットに利用しているサイトをまとめました。英語サイトも多いですが、英語がわからなくとも眺める価値は有りますので是非ご一読を！ デザイナーコミュニティ系サイトDribbble https://dribbble.com/ 言わずと知れた招待制デザイナーコミュニティ。過去にもDribbbleについての記事を書いているのでこちらもどうぞ → Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 「フラット」など、デザインテイストやモチーフ名を入れて検索しデザイン
iOS7のフラットデザイン化でほとんどのアプリがデザインの路線を大幅に変更する事を余儀なくされました。これまでのお馴染みアプリもどんどんアップデートされ、フラットデザインへの対応がなされています。これからアプリを開発するにもフラットデザインのUIというのは非常に重要な要素になっています。 App Storeでデザインの参考になるアプリを一つ一つ見ても良いのですが、UIを一覧で表示してくれる非常に便利なサイトを見つけたのでご紹介。 アプリのUIを集めた「Pttrns」 こちらがトップ画面。アイコンではなくUIで並んでいるのでたくさんのデザインを素早く見る事ができます。新着順で並んでいるので、フラットデザインのものばかりが表示されています。見ているだけでも楽しいですね。 簡単に細部のチェックが可能 画像にカーソルを合わせると、ルーペで拡大してくれます。なので細部のデザインやフォント・ボタンを確
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
最近、会社でも個人でもアプリの制作に関わることが徐々に増えてきた霙(@xxmiz0rexx)です。 勉強のため、そしていざ制作！となった時の強い味方をメモしておきたいと思います。 まずはインプットから。アプリのデザインはWEBデザインとはまた違うものなので、時間のある時にギャラリーサイトを眺めることは引き出しを増やすのにとても大切なことだと思います。 Mobile Patterns 画面の種類ごとに分けられているのでとても見やすいです。 アプリデザインは全体を見たいというよりはフィード画面の参考画像が欲しい！などと具体的な要望が多いのでありがたいですね。 iOS Mobile Patterns Library こちらも画面の種類ごとに分けられております。アプリのギャラリーはこういうモノなのかな。WEBデザインだとパーツごとに分けられてるのが多いですよね！ こちらは拡大レンズがついているので
17 Comments Looks like minimal was the top web design trend of 2012. Do you think it will continue throughout 2013 or do you see any new trends appearing? Great list. Thanks Gisele for sharing. I found Simple, Clean, Minimal, Responsive and Yes, Retina Ready Web with more white spaces are the top web design trend of 2012. Wow. All great examples of incredibly clean design. I was going to pick a fa
JSライブラリのまとめサイトの ご紹介。既知の方も多いかもし れませんが、探すのに便利なの で改めてご紹介します。カテゴ リ分けもしてくれているので探 しやすいです。 様々なJSライブラリがまとめられています。探し物がある際は覗いてみるといいかも。 UIやメディア、グラフィック、ユーティリティなどのカテゴリに分けられています。現在は900ほどのライブラリがまとめられています。 シンプルで探しやすいのではないかと思います。ライブラリはそれぞれ簡単な説明もしてくれています。 パッと見たところ、評価の高い印象のライブラリに絞ってくれている・・・気がしました。（気がするだけかも 困ったら覗いてみようと思います。 Jster
18 Comments Nice post, I like more “UI Wireframe Sketches” when designers do work on paper and after created on computer. Thank you for sharing these inspirational clean websites. I totally agree that a clean website uses just the necessary design elements to get its point across and naturally attracts the website visitors eye to the most important area(s) on screen. The examples you provide perfe
ふとまとめたくなったのでまとめておきます。 WakuWaku ぽんたと毎日のように行っているwakuwakuさん。アイデア商品が満載です。ご夫婦とスタッフの方で営業されているお店は温かい雰囲気。代官山駅からすごく近いので、ぜひ行ってみてください。 CIBONE センスのいいセレクトと早い商品の入れ替えで、いつも刺激を与えてくれるショップ。外苑前駅の近く、ベルコモンズのB1Fです。自由が丘店は閉店して姉妹店のToday’s Specialになりましたが、上のカフェはまだあって、CIBONEのソファやテーブルとおいしい料理が楽しめます。 Today’s Special CIBONEの姉妹店としてスタートしたToday’s Special。自由が丘店は大きくて広々としています。ナチュラルなアイテムが中心。渋谷のヒカリエにも入っています。 hhstyle スタイリッシュでクールなアイテムを探すなら
一昔前ならフラッシュサイト？と思っちゃいそうなHTML5で実装されたウェブサイト。日本でも徐々に見かけるようになりましたが今日は海外事例のみご紹介。 The Amazing Spider-Man The Expressive Web Har Du Det I Deg Believe In Atanai その他全て見たい方はこちらから HTML5 Websites: 10 Flash Killing Examples RECENT POSTS 2018年9月 デザインや表現方法が気になったWebサイトまとめ 2018年8月 デザインや表現方法が気になったWebサイトまとめ 東京新潟物語 日本酒の蔵元「吉乃川」のステキすぎる広告 第四シリーズ（2018年9月4日追記） 2018年3月 デザインや表現方法が気になったWebサイトまとめ 2018年2月 デザインや表現方法が気になったWebサイトま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く