欧文フォントの王様「Helvetica（ヘルベチカ）」のおすすめ代替フォント20選
世界でもっとも使用されている書体のひとつ「Helvetica（ヘルベチカ）」。 「特徴がないのが特徴。」と言われ、シンプルな見た目でありながらあらゆる用途で利用でき、出版や広告、クリエイティブな業界では超がつくほどの定番書体です。 マイクロソフトや無印良品、パナソニックやBMWといった世界的企業ロゴにも採用されていますが、「ヘルベチカ、使われすぎじゃない？」と利用を避けているデザイナーがいるのも事実。 この記事では、ヘルベチカと似た特徴を持ちながら、それほど使われていないサンセリフ書体20選をご紹介します。 商用ライセンスの有無も記載していますが変更される恐れがあります。利用規約を読んで使うようにしましょう。 日本語フリーフォント（7個） Aktiv Grotesk 9つのウェイト、イタリック体を含む18フォントが揃った書体セット。Adobe Fontsで無料ダウンロードでき、商用利用可。
【商用可＆無料】2024上半期ベスト英語・日本語フリーフォントまとめ
デザインの要ともいえるフォントは、できるクリエイターなら新しいスタイルをいつでも用意しておきたいところ。さらに商用利用も可能なら、仕事でも安心です。 しかし、「見つける時間や手間はできるだけかけたくない」「効率的にフリーフォントを集めたい」というのが本音でしょう。 このリストでは、2024年上半期にリリースされた商用利用できる完全無料の英語・日本語フリーフォントをまとめています。 カテゴリごとに整理しているので、フォントを探す手間を省くことができ、用途にあった素材をすぐに見つけることができます。 デザイントレンドを確認しながら最新スタイルを漁ったり、時代に関係なく愛されるお気に入りフォントを探してみませんか。
Figmaのデザイン制作が楽になる時短プラグイン30選
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり
これがフォトショップだ。みるみる力がつくデザインテクニックまとめ
簡単に作れて周りがあっと驚くフォトショップのデザインテクニック、作り方をまとめてご紹介します。 最近公開したテクニックを中心に、「フォトショップの使い方を実践的に学びたい」というひとにおすすめしたい機能や操作テクニックなど盛りだくさん。 手順通り進めることで誰でもプロの技を学ぶことができます。 このデザインテクニックはこんな人におすすめ！ よく見かけるあのビジュアルの作り方を知りたい あまり時間をかけずにデザイン編集や加工をしたい フォトショップを何から始めたら良いか分からない 手持ちの写真を魅力的に仕上げたい
もっと早く知りたかった、おしゃれ最新フリーフォント50選【時短リスト】
おしゃれでかわいいフリーフォントを効率的に見つけたいという方へ。 このリストは、10年以上フォントを集め続けているフォント好きが選んだ、デザインにこだわった最新フリーフォントを日本語、英語に分けてまとめているので、フォント探しの手間を大幅に短縮できます。 しかも全て、無料ダウンロード可能です。 商用ライセンスの有無も記載していますが変更される恐れがあります。利用規約を読んで使うようにしましょう。 Adobe Fontsでは、雑誌などの印刷物やWebサイト、YouTubeを筆頭とした映像コンテンツ、プレゼン資料など、あらゆるシーン対応の商用ライセンスがすべてのフォントに付与されています。 アクティベートボタンをONにするだけでフォントを利用できる、簡単すぎる使いやすさも便利ポイント。
【フォトショップ】写真加工ちょっとずるい無料エフェクトPSD素材まとめ
「できるだけ手間をかけず、写真を魅力的に加工したい」という方へ。 ここでリストアップした素材を使うだけで、誰でもプロのような写真加工を楽しむことができます。 無料ダウンロードできるフォトショップ素材を過去3年にさかのぼり調査、まとめました。 2024年のデザイントレンドを意識したエフェクトが中心で、ほんの数クリックするだけでクリエイティブな作品に生まれ変わります。 「写真エフェクトPSDってどうやって使うの？」というときはこちらの使い方ガイドを参考ください。といっても、画像を配置するだけで完成なので、誰でも簡単に魅力的な写真加工ができます。 ここではこちらのエフェクトPSDを利用し、ファイルを開いた様子がこちら。この素材では、3枚の写真を加工することができる仕様となっていました。
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 これだけは知っておきたい最新モダンCSS（2024年春版） 最近CSSに追加された新機能のリストを提供するブックマーク可能なガイド。このリストに明確な基準はないが、すべてかなり新しいものであり、多くの人がこれらのことを知らないと思うものをピックアップ。 参考記事: What You Need t
「動き」を極めるWebアニメーション表現アイデア50選
最近のウェブサイトでよく見かける、スクロールやユーザーの動作に合わせて動く「インタラクティブなアニメーション」が注目を浴びています。 実際、2024年のデザイントレンド予想でも、多くのサイトが「アニメーション」を注目トレンドに挙げており、CSSのスクロール駆動アニメーションやView Transition APIなど新しい技術の登場で、より手軽にウェブサイトに動きを加えることができるようになってきています。 しかし、なんでもかんでも動きを加えてしまうとユーザーの使いやすさ、アクセシビリティを結果的に損なってしまう恐れも。 この記事では、参考にしたいUIアニメーションとインタラクティブなデザインを取り入れた最新コンセプトをまとめてご紹介します。 心地よいアニメーションの基本ルールを知っておけば、より実践的な動きを取り入れることができるでしょう。
できるクリエイターへの近道、話題の最新Webツール・デザイン素材50選
Webサイトやデザイン制作で、やたらと時間がかかってしまうとお困りのクリエイターの方へ。 この記事では、SNSなどでいま話題の最新ツールやフリー素材を50個まとめており、制作時間を短縮したいというひとに選ばれています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。
次世代AI、フォトショップに登場「生成塗りつぶし」が進化、2024最新アップデート新機能レビュー
アドビは、独自の生成AI最新モデル「Firefly 3」をベースにしたPhotoshopの新機能を実装したベータ版 v25.9 の提供をはじめました。 最新アップデートとなる今回は、今週ロンドンで開催されたイベント「Adobe MAX London 2024」に合わせて発表されたもの。 今回は、Photoshopに新しく追加された新機能の詳細を、フォトショップユーザー歴１０年以上の筆者が実際に使ってみた感想と一緒にご紹介します。 ずばり驚いたのは、誰でも簡単に利用できる手軽さに加え、完成度の高いリアルさでした。 Photoshopの最新機能(ベータ版)を公開✨ 今回のリリースでは「画像を生成」「類似を生成」「参照画像」など新機能が盛りだくさん！ クリエイティブの未来をご体験ください！ #PhotoshopAIhttps://t.co/CqEkozlDXv pic.twitter.com/L
フォトショップ初心者によくある間違いと解決テクニックまとめ
そのやり方、本当に合ってますか？ この動画は、500万人超えのフォロワーを誇る世界的なユーチューバーPiximperfectによるもの。これまでにもフォトショップに関するテクニックや最新情報を発信しています。 普段のフォトショップの使い方の一部に、あまり知られていないちょっとしたテクニックを用いれば、仕事もプライベートも、あらゆるクリエイティブ作成の効率を大幅にアップすることができます。 「作業効率がアップする」というと「今のやり方に慣れてるから」と嫌悪感を示したり、「新しいテクニックを覚える自信がない」「そもそもフォトショップの使い方もまだ良くわからない」などと臆したりする人もいるかもしれません。 しかし、これから紹介するテクニックの中には15年以上フォトショップ経験のある著者も知らなかった、目からウロコな技も。「フォトショップってこんなに簡単なんだ」と思えれば、知っておいて損はないはず
おしゃれクリエイターは知っている、ずるい最新フリーフォント50選
毎月大量にリリースされるフリーフォントは、本当に使いたい素材を見つけるだけでも一苦労。「フォント探していたら時間が溶けた」なんて経験ないでしょうか。 このリストは、10年以上フォントを集め続けているフォント好きが選んだ、デザイン性を重視した最新フリーフォントを日本語、英語に分けてまとめています。 商用ライセンスの有無も記載しています、あなたのお気に入りフォントを見つけてみませんか。 Adobe Fontsの日本語フォント、大幅拡充 4月10日の「フォントの日」に合わせて、Adobe Fontsにかわいい日本語フォントがどんと増えています。 Adobe CCユーザーなら、すべて無料で使えて、仕事での商用利用も可能。 今回のアップデートで利用できる日本語フォントの数は650を超えました。日本語書体一覧はこちらからどうぞ。
フォトショップで写真を映画風に加工する方法【無料アクションあり】
「写真を映画のワンシーンのような雰囲気に加工したい」とお考えの方へ。 Photoshopの便利機能のひとつ「調整レイヤー」を利用した、ほんの３ステップで完了するお手軽チュートリアルをご紹介します。 後半では、作業工程を録画したアクションファイルを無料配布しています。この素材を使えば全く同じエフェクトを再生ボタン一発で表現でき、実際の作業時間はほんの数秒、時短にもオススメです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】
アイデアがないときの良質Webデザイン見本リスト30選
こんなことできるの?!最新HTMLテクニック・スニペット30選 2024年5月版
アイデアを刺激する、みんなの最新Webデザイン36選【2024年4月版】
【フォトショップ】遠近感のある壁にデザインを自由に貼る方法
コピペで楽々、CSSでできるボーダーアニメーション５選
仕事が早い人は使っている最新Web便利ツール34選
