PhotoshopVIP - RSS Feed

Photoshopに関する無料素材や、最新ニュース、チュートリアルをいち早くお届けする新感覚のデザインブログメディア

Latest articles

配色ツール決定版、大量の制作サンプルで完成をイメージしやすい Palette Maker

  オンラインには、たくさんの配色カラーパレットツールがあり、どれも魅力的で美しい色の組み合わせを見つけることができます。   しかし、気に入った配色をダウンロードして、いざデザインに落とし込んでみると、「あれ?思ってた感じと違う・・」、なんて経験は誰もが一度はあるでしょう。   そんな悩みを一発で解決してくれる、新しい配色ツール Palette Makerを今回はご紹介します。   お好みの配色をクリックで選ぶだけで、大量の制作サンプル例で色味を確認することができ、本当に必要なカラーパレットを直感的に選ぶことができます。     大量の制作サンプルで完成をイメージしやすい配色カラーツール Palette Maker   このツールは、ロゴデザインやUI/UXデザイン、ポスター、イラストなどクリエイティブな分野の大量のデザイン例をつかって、お好みのカラーパレットの色合いを確認、検証できる、色好きのためのユニークなツールです。...

Web制作の悩みを救う、最新オンラインツール39選 2022年8月編

  目まぐるしい変化への対応を求められるウェブ従事者にとって、制作をより快適にする便利な最新オンラインツールをまとめてご紹介します。   いままで時間のかかっていた面倒な作業がワンクリックで完了の時短ツールから、そのまま使えるウェブテンプレート、シンプルで使いやすいアイコン素材など、ウェブ制作のお悩みをまとめて解決できる、無料のツールや素材を中心にセレクト。   さいごは、「こんなツール、あったんだ」と思える、クリエイティブ全開なツールが控えます。暇なときの時間つぶしにもいかがでしょう。   カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。     コンテンツ目次 1. Webデザイン便利ツール 2. デザインツール 3. プロトタイプ・アイコンツール...

コンセプトをうまく伝える最新Webデザインみほん帖37選

  「ウェブデザインが浮かばないから、なにか新しいアイデアが欲しい」 「今後の案件で利用できる、最新Webデザイン事情を知りたい」 「ウェブサイト、なにから作ればいいかわからない」   そんなときに目を通したい、国内外の最新おすすめWebデザイン37選をご紹介します。   他のウェブサイトを見ることで、デザインのアイデアやインスピレーションにもつながります。   「こんな感じのデザイン、考えています」といった具合で、実際のページを開きながらの打ち合わせにもオススメ。   レイアウトや配色、フォント選びだけでなく、コンセプトをうまく伝えるウェブデザインを意識した制作に活かしてみましょう。     ウェブデザインの潮流をよむ、最新おすすめサイトまとめ   Kubota...

これだけで印象が変わる最新フリーフォント38選 2022年8月度

  「最近公開されたフリーフォントを知りたい」 「伝えたいイメージに合ったフォントを探している」 「おしゃれな英語フォントが欲しい」   この記事はそんなひとへ向けて書いています。   フォントのいいところは、書体を変えるだけで見え方も、印象もガラリと変わること。 ダウンロードしてすぐに利用でき、新しいデザインスタイルを試すことができます。 伝えたい想いや、使われる用途をイメージしながら、最適なフォントを探してみましょう。   何といっても、商用利用できるフリーフォント素材は使いやすく、高い人気を誇ります。 ライセンス付きで、クライアント案件でも安心して利用でき、2022年上半期オススメの商用OKフリーフォントも充実のコレクションとなりました。   そんなコレクションも、数百を超えるフリーフォントの中から毎月セレクトされているのは、あまり知られていません。...

心ときめく手描きイラストとフォントの素材集(水彩、色鉛筆、クレヨン)

  おしゃれパーツ満載で、この素材集ひとつでデザインがほぼ完成。   海外っぽいおしゃれイラストや、ポップでカジュアルな素材、かわいい手書きフォントなど1000種類を超えるアイテムが揃った The Ultimate Fun Toolbox For Creatives が2週間の限定で登場です。   「時間もコストをあまりかけず、クオリティーの高いデザインを作成したい」、というときに便利な、テイストの異なるデザイン素材をぎっしり収録。   商用でも自由に利用できる特別ライセンスつきで、「海外の素材はなんか不安」というひとも安心して利用できます。   デザインカッツのライセンスページ(日本語)   5万7,000円相当($425)のデザイン素材をまとめて手に入れることができ、2週間の限定セールとすることで、98%オフとなる特別プライスが実現。...

本当は教えたくない、モックアップ素材の無料配布サイト17選【2022年版】

  直訳すると「模型」を意味するモックアップは、デザインの完成イメージをつかむサンプルのようなもの。   たとえば、作成したスマホアプリの画面や、商品のパッケージ、Tシャツのデザイン、文庫本や雑誌のカバー。   モックアップなしで商品を作成すると、「なんかイメージと違う」といったクレームに発展し、最悪のケースは最初から作り直しということも。   そんな事故を防ぐのはもちろん、完成した作品にほんの一手間を加えることで、まるで使っているようなイメージを湧かせやすいというメリットも。   今回は、高品質なモックアップ素材を無料ダウンローできる便利サイト17選をご紹介します。       本当は教えたくない、モックアップ素材の無料配布サイトまとめ Adobe Stock ...

デザインシステムの作成に便利すぎるFigmaおすすめUIキット【2022年版】

  「ウェブの制作コストと時間を節約したい」 「デザインを統一して、一貫性をもたせたい」 「制作に必要なものだけまとめたい」 「シェアしたときのデザインのずれを防ぎたい」   プロジェクトを続けているうちに、ページによってボタンや文字サイズ、余白スペースの幅などがばらばらで、統一感がなくなってしまった、なんて経験があるかもしれません。   さらに、複数のチームによる開発では、デザインのズレだけでなく、同じ作業を繰り返すなど非効率さが目立ち、全体のモチベーションもだだ下がりなんてことに。   一貫したデザイン設計により、技術的な問題を防ぐことができるデザインシステムを作成しようと思いつつ、最初に作るのが時間もかかって大変だから、と導入をあきらめていませんか。   今回は、デザインシステムとしてそのまま使えるFigma用おすすめUIキットをまとめてご紹介します。...

コピペで簡単、おしゃれ無料Webレイアウト25選(CSS Grid・Flexbox活用)

  「おしゃれでかっこいいウェブサイトを作りたいけど、レイアウトにいつも困る。」 「同じような似たデザインから抜け出せない」 「周りがあっと驚くWebデザインがしたい」 「CSS Grid や Flexbox プロパティの使いかたを覚えたい」   そんなひとにおすすめしたい、コピペで利用可能な、おしゃれでモダンなWebレイアウト25選をご紹介します。   すべてのテンプレートの特長が以下のとおり。   モバイルファースト・アプローチに沿ったレイアウト すべてのブレイクポイントに対応したレスポンシブWebレイアウト position: absolute;は利用しない CSS Grid テクニックのみで表現   最先端のCSSテクニックを活用することで、これまでは考えられなかった構図を実現できるようになっています。...

全て無料、本当は教えたくないフリーイラスト素材サイト83個まとめ【商用OK】

  この記事では、商用利用かつ無料ダウンロードできるイラスト素材、サイトをまとめてご紹介します。資料作成やサイト作成などあらゆる場面に重宝するフリー素材を揃えています。   国内と海外サイトに分けてまとめています、用途やデザインに応じて、お好みのイラスト素材を見つけてみてはいかがでしょう。このリストは随時アップデート予定です、ブックマークしておくと便利です。     コンテンツ目次 1. 国内の無料イラスト素材サイトまとめ(50個) 2. 海外の無料イラスト素材サイトまとめ(33個) 3. イラストを活用したデザイン参考例 4. イラスト素材編集のおすすめツール     国内の無料イラスト素材サイトまとめ ここでは日本生まれのイラスト素材をダウンロードできるサイトをまとめています。無料なのはもちろん、商用利用OKで高品質なイラスト素材が揃います。ブックマークしておくと、ウェブデザイン制作からブログ、プレゼン資料、広告チラシなどさまざまな用途に便利です。...

【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集

  AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。   CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。   コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。     「これどうやる?」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集   ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。...

Discover, share and read the best on the web

Follow RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Follow RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!