『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
9月からマネーフォワードのお金の情報メディア「マネトク」に関わり始めました。 マネトクではおトクな情報や、経済・投資などお金のスキルをレベルアップするための記事をほぼ毎日更新しています。 このエンジニアブログを読んでいるエンジニアの方の中にも、ご自身のブログに技術的な記事や業界の最新動向などの記事をアップしている方も多いのではないでしょうか。せっかくブログを更新するのであればアイキャッチ画像を設定して、ひときわ目立った記事にするとPVもぐんとアップするかもしれません。 でも、PIXTAやアマナのようなストックフォトから1枚画像を見つけてきてそのままドン!とアイキャッチ画像にするだけだとちょっと物足りないと感じたことがあるのではないでしょうか。 そこで今回は、記事のアイキャッチ画像のデザインで時間をかけないために、今すぐ使える18のデザインパターンを紹介します。 アイキャッチ画像を使う目的
TOP > Design > 活用することでデザインをより魅力的に演出可能な9つのResourceまとめ「9 Fresh Resources For Web Developers」 通常のデザインだけでももちろん魅力的な演出は可能ですが、いろいろな機能を取り入れることにより、もっと魅力的なデザインに仕上げることができるのではないでしょうか?今回はそんなシーンにおすすめな9つのResourceまとめ「9 Fresh Resources For Web Developers」を紹介したいと思います。 GitUp デザインをより分かりやすく、さらに作りやすくしてくれる個性的なResourceがまとめられています。 詳しくは以下 toubou91/percircle · GitHub パーセンテージやキーワードなどを円形のモチーフで動きを付けて演出することができます。目立たせたい数値やワー
動きのあるWebページを制作する手法として、すっかり定番となったパララックス。「WEebイト運営者必見!2015年のWebデザイン、5つの大胆予測!」という以前の記事で、「パララックスがより洗練されて進化する」という予測をしましたが、実際に、使われ始めの頃のような派手なパララックスは少なくなり、より自然で高度な使い方のサイトが増えてきました。 そして今、パララックスの利用が特に目立つようになってきたのがLP(ランディングページ)です。そこで今回のWebデザイン10選では、パララックスを使ったクオリティの高いLPをまとめてみました。 パララックスを効果的に使った、ハイクオリティのランディングページ The COCA-COLA + RIEDEL GLASS http://cocacola.riedel.co.jp/ 業種:食品 サイトの特徴:レスポンシブWebデザイン コカ・コーラとワイングラ
パンフレット&チラシ、カタログ、フリーペーパーなどの印刷物の見本サイトです。デザインやレイアウト、配色の参考になればうれしいです 旅行,A3サイズ,しおり スポーツ,B4,カタログ 家電・カメラ,A4,カタログ,時計,男性 スポーツ,A4,カタログ,男性,自転車 スポーツ,A4,カタログ,自転車 自動車,A4,カタログ,男性,自転車,若者 スポーツ,A4,カタログ,自転車 スポーツ,A4,カタログ,女性,男性,自転車 スポーツ,125mm×125mmサイズ,カタログ,自転車 地域ブランド, 食品,A4,チラシ,女性 教育・学習塾・予備校,A4,パンフレット,女性,専門学校,男性,若者 生活雑貨,A5,アウトドア,カタログ,男性
この記事は2015年10月22日に公開された記事を再編集したものです。 デザイン作業に慣れてくると、どうしても自分の癖が出てしまい、似たようなデザインばかりになってしまいがちです。特にWebデザインのパーツは、毎回同じようなデザインを作ってしまうことも少なくありません。しかし、自分が持っているアイデアだけでは、なかなか新しいデザインは浮かんでこないものです。 そこでオススメしたいのがギャラリーサイトです。その中でもパーツごとに収集したギャラリーサイトは、デザインの「部分」だけでも参考にすることができるため非常に便利です。デザインアイデアが欲しい時こそ、多くのヒントが詰まっている素材サイトを活用しましょう。 今回は、Webデザインのパーツをまとめたギャラリーサイトを36個まとめてご紹介します。 ※サイトによっては素材やソースコードなどを配布・掲載しているものもあります。ご利用の際は、必ず利用
Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見ているだけでワクワクするクリエイティブな刺激をもらえます。
2015年10月14日 Webデザイン, 便利ツール Photoshopでも写真を手描き風に加工する方法はありますが、手間がかかったり、イマイチ思い通りに作れなかったりしませんか?今回紹介するTopaz Impressionというツールを使えば、一発で素敵加工に仕上げられちゃいますよ! ↑私が10年以上利用している会計ソフト! Topaz Impressionとは? Topaz Impressionはお好みの画像を手描きや油絵、水彩画風に手軽に加工できちゃうツール。 画像を選択して、好みのフィルターをクリックすればOK。プリセットのフィルターでも充分素敵ですが、さらにブラシを変更したり、色やキャンバスを変更して、細部まで調整できます! いろいろ加工してみよう! さっそく使ってみましょう!Topaz Impressionの画面右側から好みのエフェクトを選択できます。 Watercolor 水
デザインベースを作り上げるのに必要なUI設計。またその先の設計に基づいたデザイン性のあるクリエイティブも重要となってきます。今回はそんなシーンで参考にしたい、デザイン性の高いUIデザインを100日紹介するサイト「100 Days UI」を紹介したいと思います。 いろいろな種類のデザインUIがピックアップされリストギャラリーとなり紹介されています。 詳しくは以下 グラフやチャート、カウントダウン、プロフィール、ソーシャルシェア、電卓、選択画面など、ピックアップされている種類はとても豊富。デザインはスタイリッシュなタイプのものが多く、主流のデザインとして参考にするのに最適です。基本海外のデザインなので、日本のデザインと差を付けたい時にもおすすめです。 100日という形でうたっていることから、100で更新がストップしているようですが、ぜひ今後も続けてほしいプロジェクトですね。UI設計の参考事例を
画像は使用せずにCSSだけでスタイリングしたタイトル(見出し)のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。
こちらサンフランシスコ・シリコンバレー地域では、エンジニアだけではなくデザイナーの需要が非常に高まっている。 WebやアプリのUIや、プロダクト全体のUX,、AI活用によるデザインなどなど。そして、グローバル規模でのブランディングに至るまで、ビジネスの様々な局面において、デザイン的考え方が重要とされてきているのが理由である。 そして、少し前までは、”デザイナー”と聞くと絵を描く仕事の延長線上にあると思われていたが実はその仕事にとって重要な内容として相手を理解するコミニュケーション能力と自身の問題解決策を説明するプレゼンテーションも含まれる。 次世代のデザイナーは、クリエイティブな考えに加えて、異なるバックグラウンドを持つ人々の考え方を理解する能力が必要とされる。 【改めて基本を解説】デザイナーの役割とその仕事内容とは 実は、日本国内でも非常に優秀なデザイナーは多く、細かな表現技法や、最新の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く