2023年をふり返る 年間ベスト無料素材・フリーフォント・Webツールまとめ
2023年もまた、Webサイトやオンラインツール、無料素材、フリーフォントなど、創作活動を支える重要なリソースが数多く登場しました。 年末の慌ただしさで、クオリティの高い素材や便利なツールを見逃してしまった、そんなクリエイターやデザイナーも少なくないでしょう。 この記事では、あなたのクリエイティブな制作活動をもっと効果的、そして楽しくするための年間ベストを一挙まとめました。 「時間がなくて最近チェックできてない」 「大体いつも同じツールを使ってる」 「作業をもっと効率化したい」 そんなひとに使ってほしい、2023年の中から厳選されたベストリソースを公開します。 あなたの制作環境を一気にブーストできるツールや素材を見つけませんか。
便利で差がつく、ずるいWeb制作ツール・素材90選【2023年ベスト】
2023年も終わりに近づき、この1年間に収集したツールを振り返りながら、Web制作に役立つお気に入りを見つけてみましょう。 素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。 本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。 話題の的だったAIをうまく活用すれば、ワークフローを格段にスピードアップさせ、面倒な作業もストレスなくこなすことができます。 この記事では、そんなあなたの役に立つ2023年公開のWebデザイン制作ツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。
Midjourneyを１年間使って見つけた、Webデザインに使えるプロンプト全ガイド
「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを１年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何？」というひとは、基本の使い方をまとめた以下のガイドを参考にど
おしゃれなロゴマークを作成する方法＋無料ツール12選
良いロゴとは貴重な資産であり、ブランドを認知させ、信頼を確立することができます。 では、良いロゴを手に入れるには、どのような方法があるでしょう？ この記事では、魅力的なロゴデザインを作成するポイントに加え、無料でロゴを作成できる、おすすめのロゴ作成ツールをまとめてご紹介します。
商用OKの無料HTMLテンプレート120個以上をダウンロードできる Templates Jungle
だれもがスマホからウェブサイトを閲覧するようにになったいま、あらゆる端末からでも見やすいサイトづくりが当たり前になっています。 この時に必要になるのが、レスポンシブWebサイトの制作です。 しかし、デスクトップやタブレット、スマホ用のレイアウトを個別に調整するとなると、「Web制作に時間がかかってしまう」と悩んでしまうひとも多いかもしれません。 あらかじめデザインやレイアウトが施されたテンプレートを利用することで、Webサイト制作を効率的に進めることができます。 今回は、商用利用できて無料ダウンロードできるHTML・Figmaテンプレートを公開しているTemplates Jungleをご紹介します。 ライセンスについて 素材を公開しているTemplates Jungleでは、HTMLとFigma用でライセンスが異なるため、注意が必要です。 HTMLテンプレートは、フッターに表示してあるクレ
Midjourney（ミッドジャーニー）で思い通りに画像生成できる徹底ガイド
Midjourney（ミッドジャーニー）とは、とても簡単に言えば、入力した文字だけで画像を生成できるAIツールです。 たとえば「ライオン」と文字入力するだけで、あらゆるスタイルのライオンを、１分もかからずに、AIが自動で作成します。 GoProで真正面、しかも超近距離で撮影したようなライオン 入力する文字、プロンプト（英: Prompt）を組み合わせることで、全く雰囲気の違う「ライオン」を生成でき、まるで呪文を唱える魔法のよう。 サイバーパンクなキャラクター風ライオンに プロンプトの組み合わせは自由自在で、あらゆるスタイルの「ライオン」に仕上げることが可能です。 狩りをするライオン「水彩スケッチ」風 Web制作向けUIデザインの自動生成にはじまり、Midjourneyを使い込んでいくうちに、「思い描いたデザインを生成する」ためのコツやポイントが、すこしずつ掴めてきたのでシェア。 ステンドグ
コンセプトをうまく伝える最新Webデザインみほん帖37選
「ウェブデザインが浮かばないから、なにか新しいアイデアが欲しい」 「今後の案件で利用できる、最新Webデザイン事情を知りたい」 「ウェブサイト、なにから作ればいいかわからない」 そんなときに目を通したい、国内外の最新おすすめWebデザイン37選をご紹介します。 他のウェブサイトを見ることで、デザインのアイデアやインスピレーションにもつながります。 「こんな感じのデザイン、考えています」といった具合で、実際のページを開きながらの打ち合わせにもオススメ。 レイアウトや配色、フォント選びだけでなく、コンセプトをうまく伝えるウェブデザインを意識した制作に活かしてみましょう。 ウェブデザインの潮流をよむ、最新おすすめサイトまとめ Kubota Future Cube スタートボタンを押した途端に、キューブの中には未来の姿がひろがります。コンテンツの切り替えにもキューブをうまく活用した、没入感たっぷり
これは便利！ありそうでなかった最新Web、オンラインツール36選
この記事では、「それ、何使ってるの？」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ
商用可能！日本観光がテーマの無料ピクトグラム280個セットExperience Japan Pictogram
日本観光をテーマにした、シンプルで分かりやすいピクトグラム280個を揃えたExperience Japan Pictogramの無料公開がスタートしています。 利用規約の範囲内であれば、個人利用はもちろん、商用でも無料で利用できるという太っ腹なプロジェクトとなっています。 Experience Japan Pictogramとは Experience Japan Pictogramの開発コンセプトは、以下のように述べられています。 〈EXPERIENCE JAPAN PICTOGRAMS〉は、ピクトグラムを誰もが自然と目にする日本観光のインフラと捉え、そのデザイン性を追求すること、そして1人でも多くの方に使っていただくことを何よりの使命と考えて開発しています。 それゆえ、利用規約の範囲内であれば、個人、法人、商用、非商用を問わず、無料で利用可能です。 また、情報を伝えるにとどまらず、多様性
デザイン経験不要！無料でデザインを作成できるDIYオンラインツール10個まとめ
できるだけ予算をかけずに、無料で高品質なデザインを簡単DIYできる方法をお探しですか。 この記事では、デザインの経験がなくても手軽にデザインを作成できる無料DIYオンラインツール10個をまとめてご紹介します。 InstagramやTwitterなどのSNS向け画像やYouTubeのサムネイルの他にも、はがきや封筒、雑誌やポスター、プレゼンテーション資料といった、幅広いジャンルのおしゃれなデザインを誰でも簡単に作成できます。 ドラッグ＆ドロップで利用できるテンプレートが豊富に揃っているので、デザインの知識や経験がなくても安心です。 コンテンツ目次 1. Canva 2. Adobe Spark 3. Crello 4. BeFunky 5. Easil 6. Stencil 7. Desygner 8. Piktochart 9. Pablo 10. Snappa デザイン知識不要！無料でデ
Web制作の時短に！2020年の便利オンラインツール・ベスト100選
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ
商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。 この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント 8. ビンテージ・フォント 9. デコレーションフォント 01. 日本語フォント 無料で商用利用できる日本語フリーフォント、13書体をまとめています。 マメロン Hi Regular マメロン Hi Regularは、デジタル時代の日常語と俗語の文章表現の視覚化と共有を
Webサイト配色のお悩み解決！制作で便利なHTML/CSSカラースニペット21個まとめ
配色はデザインにおいて欠かせない重要な要素です。しかし、配色がなかなか決まらずに悩んでしまったという経験は、誰しも一度はあるのではないでしょうか。 今回は、Webデザイン制作で便利な配色カラーパレットに関するHTML/CSSスニペットをまとめてご紹介します。 美しいグラデーションやクリックするだけで配色をコピーできたり、配色が苦手なひとでもボタンひとつで作成できる自動生成ツールなど、色に困ったときに使いたい便利なHTMLスニペットが揃います。 よ手軽な配色ツールをお探しのひとは、以下の記事も参考にしてみてはいかがでしょう。2020年の最新ツールも追加アップデートしています。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ Webデザイン配色は怖くない！制作で便利なHTML/CSSカラースニペットまとめ Gradients Collection Pr
いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ
この記事では、デザイン制作のインスピレーションや参考にしたい、2020年に入って注目を集めている最新ウェブサイトデザイン37個をまとめています。 2019年の暮れに公開されたサイトも含み、多彩なアニメーションや鮮やかな配色カラーパレット、ストーリーテリング手法など注目のスタイルを揃えました。また、高級感のあるサイトデザインが特に多いシリーズとなりました。 いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ Sussex Royal イギリス王室からの離脱や、王室を連想させる「サセックス・ロイヤル」の商標登録など、なにかと話題となっているサイト。閲覧できるのは今のうちかも。 Spotify for Pets 自分の聴いている音楽、ジャンルをもとに、愛犬などのペットに合ったプレイリストを自動生成してくれるオンラインサービス。 Coachella 毎年チケット販売とともに完売の
ビジュアルで勝負！2020年に確認しておきたい重要デザイントレンド7個まとめ
新しい年を迎え、さまざまなデザインブログやサイトで新しいトレンド予想が行われており、当ブログでも昨年末にまとめています。 サンプル例でわかる！注目したい2020年のWebデザイントレンド8個まとめ 2020年に注目されているグラフィックデザインの最新トレンド10個まとめ トレンドは入れ替わりが激しく、すぐに古くなってしまう恐れがあるため、ここではビジュアル面に関連する、2020年に確認しておきたいトレンド7個をまとめてご紹介します。 2D & 3D イラストレーション 2020年に入り、イラストレーションはデジタル製品において新しい節目を迎えています。見栄えの良いストック写真でさえうまく機能せず、フラットなアニメーションも少なくなってきています。だからといって、とても複雑なデザインが必要というわけではありませんが、手描きや2Dまたは３Dイラストが、試してみたいスタイルとなるでしょう。 以下
Web最新テクニックはこれ！コピペで実装できるすごいHTML/CSSスニペット68個まとめ
この記事では、Webサイトやモバイルアプリにあっと驚くエフェクトを、コピー&ペーストで実装できる最新 HTML/CSS スニペットをまとめてご紹介します。 スニペット（英: Snippet）とは、一般的に「切れ端、断片」といった意味で、ウェブサイトなどのプログラミングで簡単に切り貼り、再利用できる部品を指します。 これらのスニペットを利用すれば、他のサイトではあまり見かけない差のつくデザインエフェクトを実現できます。今後のウェブ制作に活用してみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イメージスライダー系 2. テキストエフェクト系 3. テキストエフェクト系スニペット 4. ページレイアウト系 5. ナビゲーションメニュー系 6. ホバーエフェクト系 7. SVGアニメーション系 8. 便利、面白系スニペット 9.
ロゴデザインの配色見本！すぐに役立つカラーパレット15個まとめ
有名なブランドの名前を聞いたとき、ブランドに使われている色を無意識に思い浮かべることはないでしょうか。たとえば、スターバックスはみどり色と白色、Ikeaは青色と黄色、Fedexはむらさき色とオレンジ色といった具合です。 配色をうまく活用することで、特定の感情を呼び起こさせるだけでなく、その感情をロゴデザインに結びつけることができます。 今回は、ロゴデザイン制作に利用したい配色カラーパレット15個をまとめてご紹介します。色彩心理学をベースにした、効果的な色の組み合わせにも注目です。 コーディング向けにHEX値コピペできるカラーパレットを一緒に用意しているので、Webデザインにロゴを活用したいときにもオススメです。 ロゴデザインの配色見本！すぐに役立つカラーパレット15個まとめ 1. Yellow & Red この鮮やかな色の組み合わせは、ロゴの中心に目をすぐに引きます。鮮やかな赤色とユニーク
【CC0ライセンス 】モネや北斎も！世界の名画52,000枚を無料ダウンロードできるシカゴ美術館 - PhotoshopVIP
アメリカ3大美術館にも数えられているシカゴ美術館は、一度は足を運んでみたいシカゴの人気スポットです。そんなシカゴ美術館の公式ウェブサイトが最近リニューアルし、話題を呼んでいます。 このリニューアルに合わせ、シカゴ美術館内に展示されている、美術の教科書で見たことのあるような世界の名画52,000枚を、高画質で無料ダウンロードできるサービスが開始されたので、今回はご紹介します。どれも、クレジット表記なしで自由に利用できます。 世界の名画52,000枚を高画質で無料ダウンロードできるシカゴ美術館 シカゴ美術館（英: The Art Institute of Chicago）は、ニューヨークのメトロポリタン美術館、ボストンのボストン美術館と並んで、アメリカの3大美術館にも数えられ、モネやルノワールなど印象派コレクションは、フランス国外では最大規模と言われています。 今回のウェブサイトのリニューアル
これは使える！実用性の高い筆記体フリーフォント89選 2018年版 - PhotoshopVIP
当サイトでも毎月まとめているフリーフォントですが、その中でも筆記体は特に人気の高いスタイルです。デザインに用いるだけで、オシャレでスタイリッシュな見た目を実現できるのも、人気の理由と言えます。 今回は、2018年に公開されたフリーフォントのなかから、デザインで使いやすい筆記体フォントを89個まとめてご紹介します。どれも無料ダウンロードできるのはもちろん、商用利用可能な素材も豊富に揃います。 利用ライセンスも一緒に記載しています、ご確認の上利用するようにしましょう。このリストは、2018年末まで随時アップデートの予定となっています。 2018年11月3日更新: 新しく8個の筆記体フォントを追加し、合計97個となりました。 これは使える！実用性の高い筆記体フリーフォント97選 2018年版 Barista Script Free Font ロープ一本を使って描いたようなモノラインの筆記体ステン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2023年ベスト】無料で使えるすごい神AIツール27個まとめ
