Webの最先端！注目すべき最新ウェブデザイン43個まとめ 2019年5月版 - PhotoshopVIP

2019/05/27 21 users セリフ書体 クライアント アイデア PhotoshopVIP

この記事では、最先端のWeb技術やデザイントレンドを取り入れた、世界の最新ウェブデザインをまとめてご紹介します。「デザインのアイデアが浮かばない」「クライアントの打ち合わせで方向、デザイン性を共有したい」そんなときに役立つウェブ見本が揃います。 セリフ書体などの文字テキストに、ちょっとした動きを取り... 続きを読む

グラフィックデザインに強い！高品質な無料PSDファイル47個まとめ - PhotoshopVIP

2017/07/03 51 users PhotoshopVIP アートワーク ひと 名刺 ポスター

グラフィックデザインやWebデザイン制作に役立つ、無料ダウンロードできるPhotoshop用最新PSDファイルを幅広くまとめています。 時間に追われがちなデザイナーのひとにこそ使って欲しい、便利な時短アイテムを利用してみてはいかがでしょう。 文字テキストを編集すれば印刷もできる名刺や履歴書、ロゴ、ポスター、イベントフライヤーなどのテンプレート素材の他にも、完成したアートワークや作品をより魅力的にす... 続きを読む

作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ - PhotoshopVIP

2017/06/15 109 users PhotoshopVIP ミニマルスタイル 配色 格段 フック

ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、 作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材 をまとめてご紹介します。 素材はどれも 無料ダウンロード可能 となっており、文字テキストや配色、サイズの変更、 カスタマイズも自由 に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルな... 続きを読む

注目度アップ！画面を二分割するWebサイトの制作ポイントまとめ（参考テンプレート付） - PhotoshopVIP

2017/02/28 50 users Split screen グラフィック 特長 レイアウト 要素

画面を縦半分に二分割した「スプリット・スクリーン（英: Split Screen）」デザインの利用がウェブサイトで増えてきています。このレイアウトは、「 ひとつの画面に2つのメッセージ 」というシンプルなルールだけです。 各パネルには写真イメージや文字テキスト、イラストなど異なるさまざまな要素を配置できるのが特長のレイアウトです。 シンプルとなってきているグラフィックの デザイントレンド に比べ、... 続きを読む

Photoshopの文字加工をマスター！すごいデザインチュートリアル、無料素材まとめ - PhotoshopVIP

2016/02/11 111 users Photoshop レイヤースタイル マスター メダル 本物

Photoshop のさまざまな使い方を、効率的に学ぶことができるデザインチュートリアル。その中でも文字テキストの加工エフェクトは、実践に対応できるテクニックが詰まっています。今回はデザイナーが知っておきたい、高品質な文字加工用チュートリアル、作り方をまとめています。 レイヤースタイルを調整するだけで完成のお手軽チュートリアルから、メタルや毛皮テクスチャなどを利用し、本物そっくりのリアル感を追求す... 続きを読む

デザインの引き出しが増える！こだわりの無料UIコンポーネント素材まとめ - PhotoshopVIP

2015/09/03 70 users デザイン モバイルアプリ PSD素材 デザイナー ウェブサイト

最先端のデザイントレンドを取り入れた、ウェブサイトやモバイルアプリの制作に役立つ、無料UIコンポーネント素材をまとめました。 素材をダウンロードして、そのまま文字テキストを編集し、プロジェクトに活かすこともできますし、ファイルを確認することで、どのようにデザインが表現されているのか知ることもできます。またPSD素材のほかに、UIデザイン制作に活用するデザイナーが増えている、Mac向けデザインアプリ... 続きを読む

トップデザイナーが教える、文字フォントを使った階層のつくり方７個まとめ - PhotoshopVIP

2015/07/18 136 users PhotoshopVIP タイポグラフィー 階層 日本語抄

海外デザインブログCanva Design School Blogで公開された「Why Every Design Needs Three Level of Typographic Hierarchy」より許可をもらい、日本語抄訳しています。 階層（英: Hierarchy）は、ややこしい単語かもしれませんが、文字テキストのバランスを整える、「タイポグラフィー」においては重要なわりに、手軽に導入する... 続きを読む

文字テキストとイメージ写真の上手な組み合わせ！５つのシンプルな方法まとめ - PhotoshopVIP

2015/06/19 90 users 組み合わせ href 構図 イメージ写真 著者

海外デザインブログCanva Design School Blogで公開された「How to Marry Text and Images – Canva Design School” href=”」の著者より許可をもらい、日本語抄訳しています。 文字テキストとイメージ写真を組み合わせる、効果的な5つのテクニックを利用することで、見た目の構図を美しく、そして読みやすくすることができます。ちょっとした... 続きを読む

文字テキストをワンクリック編集！すごいPhotoshop無料レイヤースタイル27個まとめ - Photoshop VIP

2015/04/07 38 users Photoshop Vip レイヤースタイル エントリー

フォトショップの便利なデザインツールのひとつ、「レイヤースタイル」。一度インストールしてしまえば、ボタンやテキスト加工などのデザインをボタンひとつで完成させてくれます。 海外デザインブログFusionplate.comで、文字テキストをより魅力的にする、Photoshop無料レイヤースタイルをまとめたエントリー「30 Amazing Free Photoshop Text Effects & St... 続きを読む

レトロ花柄 x 文字テキスト！美しいフリーフォント素材Vintage & Eroded Free Font - Photoshop VIP

2015/01/05 110 users 花柄 アルファベットフォント Photoshop Vip

レトロでかわいい花柄のペイントイラストと、アルファベットフォントを組み合わせた、ユニークでクリエイティブなフリーフォント素材Vintage & Eroded Free Fontを今回はご紹介します。商用利用にも対応している点もポイントで、手軽にロゴを作成したり、デザインのアクセントに利用しても良さそうです。 詳細は以下から。 ビンテージな花柄とテキストを組み合わせた、美しいフリーフォント Vint... 続きを読む

text-indentを使った画像置き換えはスパム判定の危険あり、“@font-face”の使用をGoogleは推奨 at SMX West 2011 | 海外SEO情報ブログ

2011/03/15 132 users text-indent font-face 明言 エントリ

今日のエントリもSMX West 2011のセッションからのレポートです。text-indentによる画像置き換えの代替手段をGoogleが提示してくれました。CSSのtext-indentで-999pxを指定し、文字テキストと画像を置き換えるテクニックは昔からあるごくありふれたテクニックです。ところがGoogleは、現在この方法を推奨していません。 推奨していないというよりも使うべきでないと明言... 続きを読む