「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを１年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何？」というひとは、基本の使い方をまとめた以下のガイドを参考にど
Adobeツールの乗り換えを検討し始めたけど、 「どこで見つければいいの？」「どんなツールを選べば後悔しない？」「代替ツールのいいところって何だろう？」「乗り換えのタイミング今なのか？」「費用の違いはどのくらい？」 普段から利用するツールだからこそ、自分にとって最適なデザインツールを知りたい方向けのリストとなっています。 Adobe Creative Cloudソフトから乗り換えたいと考えているひとへ どんな代替ツールがあるか知りたいひと いろいろツールを見たけどピンとこないひと 自分にあったツールが知りたいひと 代替ツールへの乗り換えで失敗したくないひと 目次Photoshopの代替ソフトIllustratorの代替ソフトPremiere Proの代替ソフトAfter Effectsの代替ソフトAdobe Creative Cloudの代替ツール Photoshopの代替ソフト 1. A
2023年も終わりに近づき、この1年間に収集したツールを振り返りながら、Web制作に役立つお気に入りを見つけてみましょう。 素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。 本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。 話題の的だったAIをうまく活用すれば、ワークフローを格段にスピードアップさせ、面倒な作業もストレスなくこなすことができます。 この記事では、そんなあなたの役に立つ2023年公開のWebデザイン制作ツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。
AIツールはビジネスやクリエイティブなど、あらゆる分野で活用され、業務効率化や生産性向上に貢献しています。 ２０２３年は、コストをかけずにAIを最大限に活用できる無料AIツールが、たくさん登場した年となりました。 この記事では、無料で利用できるAIツール28個をご紹介します。 チャットボット、テキストエディティング、画像生成、音楽生成、音声生成など、さまざまなカテゴリのツールを厳選しています。
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめて紹介しています。 この記事では、2023年にリリースされた、商用利用できる完全無料の英語・日本語フリーフォントを集めました。 2023年は、特に数多くの日本語フリーフォントが公開されました。 おしゃれな英語フォントから高級感のあるセリフ書体、人気定番の筆記体、手書き、ブラシフォント、ビンテージ、ディスプレイなど。 幅広いカテゴリよりフリーフォント素材120個を厳選しているので、自分の「推しフォント」を見つけてみませんか。 「日本語フォントをまとめてダウンロードしたい」 「できるだけ安く、仕事でも安心して、フォントを使いたい」 そんなときは、20,000以上の英語フォント、日本語フォントも500以上を使い放題の、Adobe Fonts（アドビフォント）がオススメです。 その理由はずばり、Adobe CCユーザーなら、すべて無料で、
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり
今年も残すところあと少しとなり、振り返ってみると数えきれないほどのツールや素材がリリースされました。 「本当に役立つツールや素材を集める」をモットーに、2016年からおよそ8年間、定期的に最新ツールをまとめ続けています。 数で言えば、３０００個以上。 知っているか知らないかの違いで、作業時間を大幅に短縮し、売り上げが2倍にワープしたことも何度もあります。 このような経験があるからこそ、ハッキリ言えることがあります。 それは、無料で使える素材を知らずに損している人が、あまりにも多いということ。 残念ですが、あなたの素晴らしい商品やサービスの魅力が、ユーザーに全く伝わっていません。 でも、ご安心ください。 この記事では、そんなあなたの役に立つ2023年公開の無料デザインツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。
「このWebサイト、素敵。」と感じさせるモノとは、一体何でしょう。 それはデザインなのか、それとも機能性なのか、または「このフォント、配色が好き」といった特定のデザイン要素かもしれません。 ずばり、この問題の答えはポンと出せるほど単純ではなく、これらの要素を組みあわせることで、素晴らしいWebサイトは生まれます。 この1年間で、デザイン制作の参考にしたいWebサイトを２００以上紹介してきました。 製品やサービスを販売、紹介するサイトや、実験的なサイト、情報を提供する教育的なサイト、政治的なサイト、そして夢中になる体験型サイトまで、業種もさまざまです。 この記事では、デザインアイデアにしたり、トレンドを分析したり、２０２３年の振り返りに最適な５０のWebデザインを厳選してご紹介します。
仕事が早い人は使っている最新Web便利ツール34選
「Webサイト制作がもっと楽になる方法ってないの？」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。 コピペ系CSSツール 60 CSS 3D Buttons Free Collection CSSとHTMLのみで作られた3Dボタンと、本物そっくりな見た目の「スキューモーフィック」ボタンのコレクション。クリックするとコピーできます。 275 CSS Gradients Collection 美しいCSSグラデーション250カラーが
開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれなWebサイトを素早く開発できるUIコンポーネント素材、あなたはいくつ知っていますか。 Tailwind CSSの便利UIコンポーネントまとめTailwind UIMagic UIDyna UIAnimataPrelineMamba UIFlowbiteDaisy UISailboat UIMeraki UITail-KitReact AriaWicked BlocksTailwind Starter KitWindstaticMyna UITailwind StampHype
「毎日のように数えきれない数のツールやサービスが登場し、どれが本当に必要なのかわからない」という方へ。 今回は、2024年に入って公開されたデザインに役立つ無料素材やツールをまとめてご紹介します。 「こんなのあったら便利なのに、」を叶える、かゆいところに手が届く便利ツール・素材を中心に、無料で利用、ダウンロードできるものをセレクトしています。 2024年のデザイントレンドでも何度も挙げられていた、「AIの力をうまく利用したツール」も増えています、合わせて確認してみましょう。 配色ツール Color Palette Generator キーワードを入力するだけで、それに合った配色を生成、見つけてくれる直感的なカラーツール。 Colors for Branding | Unlimited Graphic Design – Draftss 人間の感情に基づいて厳選したカラーパレット集。若々しい配
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
２０２３年は、Photoshopにとって「革命」と言えるほど重要な年となりました。 理由はずばり、「AIを活用することで、従来は考えられないほど簡単に、デザインができるようになった」から。 これまでプロでも時間と手間のかかっていた面倒な作業も、ほんの数クリックで誰でも作成できる。 そんな嘘のようなことが、当たり前になってきています。 この記事では、２０２３年のフォトショップ最新機能やチュートリアル、使い方ベスト70選をご紹介。 カテゴリより目的に応じた新しいPhotoshopテクニックを活用してみましょう。 「フォトショップって、こんなこともできるの?!」きっと、あなたも驚くはずです。
※この記事は、Mediumで公開された「Transition animations: a practical guide」の著者Dongkyu Leeから許諾を得て、日本語翻訳しています。 Webサイトやスマホアプリにおいて、アニメーションと動きの重要さは年々高まっており、今では必須と言われるまでになっています。 ユーザー エクスペリエンスの権威ニールセン・ノーマン・グループは、「アニメーションは注目を集めるだけでなく、ユーザーの楽しみを高め、製品を新鮮でモダンなものに感じさせてくれる」と述べています。 アニメーションが十分に洗練されていれば、ユーザーにはっきりとしたフィードバックを与えることができ、インターフェイスをより直感的にすることができます。 特に遷移アニメーション（Transition Aniatiions）は、ユーザーをある段階から次の段階へとスムーズに誘導するため、重要な役割
おしゃれなロゴマークを作成する方法＋無料ツール12選
良いロゴとは貴重な資産であり、ブランドを認知させ、信頼を確立することができます。 では、良いロゴを手に入れるには、どのような方法があるでしょう？ この記事では、魅力的なロゴデザインを作成するポイントに加え、無料でロゴを作成できる、おすすめのロゴ作成ツールをまとめてご紹介します。
2023年もまた、Webサイトやオンラインツール、無料素材、フリーフォントなど、創作活動を支える重要なリソースが数多く登場しました。 年末の慌ただしさで、クオリティの高い素材や便利なツールを見逃してしまった、そんなクリエイターやデザイナーも少なくないでしょう。 この記事では、あなたのクリエイティブな制作活動をもっと効果的、そして楽しくするための年間ベストを一挙まとめました。 「時間がなくて最近チェックできてない」 「大体いつも同じツールを使ってる」 「作業をもっと効率化したい」 そんなひとに使ってほしい、2023年の中から厳選されたベストリソースを公開します。 あなたの制作環境を一気にブーストできるツールや素材を見つけませんか。
【永久保存版】知らないと損をする、悩まない配色えらび講座
あなたは、自分のアイデアや考えを誰かに伝えたいとしましょう。 文字をベースにしたコンテンツはもちろん重要ですが、イラストやチャート図、グラフ、アニメーションGIFなどの画像を作成することで、読者の注意を引き、記事やレポートをより充実させることができます。 成功のカギはずばり、色彩理論を知ることで、コンテンツを際立たせるのに役立ちます。 しかしそうは言っても、あなたもこんな風に悩んだことがあるはず。 「魅力的でかっこいいデザインをする方法がよく分らない。」 「私、クリエイティブじゃないし、。」 私は、”売れるデザインとは？”という究極の悩みを考え続け、このサイトで公開する記事用のビジュアルを作成する日々を、１５年ちかく送ってきました。 ちょっとした配色の違いで、アクセス数が２倍、３倍に変わったことも何度もあります。 このような経験があるからこそ、ハッキリ言えることがあります。 それは、配色で
「日頃の作業をどうにか楽にしたい、できることならだれかやってほしい」と思ってしまうほど自分にあまい筆者が、制作時間の短縮や効率化アップにつかえる新ツールやデザイン素材をまとめました。 すべて手作業だと時間のかかるCSSスタイリングや、スキルも必要な手描きイラストを用意したり、「このツール、早く知りたかった」と思った素材やツールが揃っています。 日頃のワークフローに活用して、デザイン制作の新ルールを一緒に見つけてみませんか。 コンテンツ目次Web便利ツールデザインツールFigma・アイコンツールユニーク・面白ツール Web便利ツール The good colors – Full spectrum – OKLCH 注目の色「OKLCH色空間」によるカラーパレット作成ができるツール。一般的なLCHとOKLCH色の比較の通り、より「いい感じの色合い」で、明度と彩度のトーンがあった美しい配色を生成し
Webサイト制作において面倒で時間のかかる作業を効率化したい方へ。 この記事は、CSSコードを手軽に生成できる便利ツールをまとめた最新版リストで、Web制作を快適、楽にしてくれるツール68個が揃っています。 以前CSS便利ツールを集めた厳選リストの公開が2021年。あれからおよそ3年のあいだに話題となったツールを中心に紹介しています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 Web制作の面倒におさらば、CSS時短ツール厳選リスト CSS pattern backgrounds ジグザグやサークル円などシンプルな幾何学模様をつかったCSSパターンをコピペで利用できるオンラインツール。 CSS Polka Dot Generator ポルカドット柄を作成、カスタマイズできるCSSツールで、影を設定するとよりレトロな印象に仕上がります。 CSS
簡単に作れて周りがあっと驚くフォトショップのデザインテクニック、作り方をまとめてご紹介します。 最近公開したテクニックを中心に、「フォトショップの使い方を実践的に学びたい」というひとにおすすめしたい機能や操作テクニックなど盛りだくさん。 手順通り進めることで誰でもプロの技を学ぶことができます。 このデザインテクニックはこんな人におすすめ！ よく見かけるあのビジュアルの作り方を知りたい あまり時間をかけずにデザイン編集や加工をしたい フォトショップを何から始めたら良いか分からない 手持ちの写真を魅力的に仕上げたい フォトショップでできるデザインテクニック集 写真になにか追加、合成したいときは「レイヤーを自動合成」機能が便利ですhttps://t.co/q3pacxiOBu#Photoshop pic.twitter.com/yUQvCibgNl — Photoshop VIP (@photo
売れるWebサイトは、第一印象が9割？最新デザイン事情39選
「Webサイトをもっと多くのひとに知ってほしい」 「みんなが注目する魅力的なサイトを作りたい」 ウェブサイトやブログ、ポートフォリオサイトなどを運営するとき、きっと誰もが一度は悩んだことがあるはず。 当ブログでは10年以上にわたって、その当時の最新ウェブデザインを定期的にまとめてきました。 これまで紹介したサイト数で言えば、2000サイト以上。 ちょっとした言葉や見せ方、色の違いで、サイトのアクセス数が何倍にも変わるなんてことも。 この記事では、売れるWebデザインをどのように生み出せば良いのか？配色やレイアウトなどのアイデアを手に入れる、世界で話題の最新Webデザインをご紹介します。
目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変。 「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。 この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。 しかもスニペットはコピペで利用でき、CSSのみでスタイリングされたものも多数。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット Cards (gradient border) 最近良く見かけるモダンなUIカードエフェクトをまとめたミニライブラリ。CSSでできるボーダーアニメーションと合わせてどうぞ。 See the Pen Cards (gradient bor
私は10年以上にわたり、「最先端の人気デザインを探る」ために数多くののデザイントレンドを調査してきました。 2024年も2ヶ月が過ぎ、今年人気になりそうなデザインスタイルが少しずつ見えはじめています。 この記事では、グラフィックやWebデザインなどさまざまな分野で注目されているデザイントレンドを詳しく調べてみたのでご紹介します。 デザインで魅了する最先端のスタイルや、革新的なAIツールなど「今後どうなる？」を深掘りしてみました。 Design Trends 2024Adobe Stock 2024クリエイティブトレンド予測Type Trends 2024 by MonotypeGraphic Design Trends for 2024 by Creative MarketGraphic Design Trends 2024 by GraphicMamaWeb Design Trends
「プロのカメラマンが撮影したような、人物の写真が欲しい」 「モデル写真が欲しいけど、費用がかかるので迷っている」 「撮影するには時間もかかるし、場所やモデルの確保はどうしよう」 たとえば、カメラマンに撮影場所へ来てもらって撮影する「出張撮影」。 撮影時間によって料金は変わりますが、相場は撮影1時間で２万円～３万円程度と言われています。 さらに写真のレタッチや編集などのオプション、撮影枚数が多いと数十万円の費用が必要ということも。 しかし、今回紹介するオンラインAIツールを利用すれば、誰でも簡単に人物写真を生成できます。 しかも、無料です。 超リアルな人物の全身写真を作成できるAI Human Generator AI Human Generatorは、ほんの数クリックするだけで、超リアルな人物の全身写真をリアルタイムで作成できるオンラインAIツールです。 このツールがすごいところがずばり、
目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変です。 「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。 この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。 しかも、CSSのみで表現できるスニペット多数で、コピペで利用できます。 今後のプロジェクトに魅力的なWebテクニックを活用してみましょう。 CSSで実装できる、最新HTMLテクニック・スニペットまとめ iPhone 15 Pro紹介ページのCTAボタン コンテナスタイルクエリとスクロール駆動型アニメーションを使えば、JavaScriptゼロでAppleスタイルのダイナミックなCTAを作成できます。 See the Pen Apple Style CTA Reveal with CSS
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。6月10日（月）～6月16日（日）〔2024年6月第3週〕のトップ30です*1。 順位 タイトル 1位 【ChatGPT】英語学習用に素敵な先生を錬成したよ！ - はげあたま.org 2位 「言い方がキツイ人」は、いったい何を考えているのか。 | Books&Apps 3位 この17年間で電通の内勤に起こっていたこと（私見）。｜小島 雄一郎 4位 DoCoMoの25周年スペシャルムービーを見ると凄まじく感情が動くので書き殴ってしまった | Books&Apps 5位 Amazonで役員の時間をお願いする場合の雛形が良くできている話→「事前に流れがわかる」「ウチのミーティングで導入してほしい」無駄な会議が減りそうな予感 - Togetter [トゥギャッター] 6位 ASCII.jp：情報整理の決定
CSSでボーダーをアニメーションさせるのは意外と難しいもの。幅や色のような単純な動きは別として、より複雑なアニメーションは他の選択肢を必要なケースがしばしば。 この記事ではCSSのborderプロパティを使わずにできる、”フェイク”ボーダーやアウトライン、さらにはSVGを使ったアニメーションの例を5つご紹介します。 最新Webデザインでもよく見かけるテクニックです、ぜひ活用してみましょう。 これらの例のHTMLはすべて、外側の.card divと内側の.inner divから構成されています。詳しくはデモを参照してください。 コンテンツ目次フェイクボーダーアウトラインの使用SVGによるアニメーション・ボーダーさいごに フェイクボーダー まずは、単にパディングやマージンを使ってボーダーを表現する3つの例から見ていきます。 この記事のすべての例では、以下のCSSを使用しています。 .card
アドビが先日、Photoshopの最新版2024年7月リリース、バージョン 25.11を発表しました。 新ツール「選択ブラシ」ツールから要望の多かった「ディテールの強化」まで、Photoshopベータ版から一般バージョンになった機能を含め、知っておきたいPhotoshopの新機能６つをご紹介します。 Photoshopをアップデート 注目したい新機能は６つ およそ3か月前の前回アップデートから新しく追加、強化された主な機能は以下の通りです。 最新バージョンPhotoshop 25.11ではどのようなことができるのか、詳しく見ていきましょう。 より柔軟に範囲を決める「選択ブラシ」 写真加工が直感的にできる「調整ブラシ」 画像をよりくっきりシャープに「ディテールを向上」 「箇条書きリスト」と「番号付きリスト」 コンテキストタスクバーが使いやすく（シェイプと変形） 最新Adobe Firefly
今週のはてなブックマーク数ランキング（2023年11月第3週） - はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。11月13日（月）〜11月19日（日）〔2023年11月第3週〕のトップ30です*1。 順位 タイトル 1位 ジェンヌの個人FC運営で鬱になった話 2位 飲み会を1,000回やって学んだ、「最高の飲み会」のつくりかた(長い)｜udon 3位 羽生結弦さん離婚発表「誹謗中傷やストーカー行為…お相手と私自身を守り続けることは極めて難しく」決断― スポニチ Sponichi Annex 芸能 4位 人生マジで駄目になってきた 5位 路線バスに乗るならせめてちょっとは準備してくれ 6位 旧ジャニーズ「当事者の会」男性、大阪の山中で死亡…ＳＮＳで誹謗中傷受ける : 読売新聞 7位 ラマヌジャンは本当に何も知らなかったのか | Mathlog 8位 タイミーで、飲食店として凄まじい経験をした話｜Sotaro
デザインをするときに、頭を抱えがちな「配色どうしよう」問題。いかに手早くイメージに合った色を選べるかがカギになってきます。 各デザイン用途に役立つ配色ツールも十分便利なのですが、AIの力を借りることで誰でもより簡単に、これだ！と感じる色に巡り会えるかもしれません。 この記事では、AIを活用した配色ツールをまとめてご紹介します。 実際にわたしがツールを試した使用感、デザイン制作に役立つと感じた点と一緒にまとめています。 キーワードから配色を提案するColor Magic AIでオリジナルのカラーパレットをつくれるサービスColor Magic。 雰囲気やイメージのキーワードから、今すぐ使える配色を簡単に生成できます。 日本語での入力に対応している点もうれしいポイント。無料版では、5回/日までカラーパレットを生成可能。 使い方はいたってシンプル。キーワードを入力するだけで、5色のカラーパレット
優れたデザインで話題となっている、国内外の最新Webデザインをまとめてご紹介。 インスピレーションやアイデアの参考になるのはもちろん、2024年のWebトレンド動向も見えてきます。 目まぐるしいスピードで新しいトレンドや技術が生まれるWebデザインだからこそ、できるだけ多くのサイトを実際に訪れ、あらゆる角度からアイデアを吸収できるかが鍵となります。 ここでは、制作の見本にしたい３１点のWebサイトを選んでいます。 Webマニアがざわついた最新Webデザインまとめ Don’t Board Me わずかに揺れるかわいい犬のイラストからはじまる、犬の散歩代行サービスのWebサイト。ピンクと青のパステルカラー配色や、巨大サンセリフ書体、犬好きに刺さるイラスト画によって親しみやすい雰囲気に。 NEWPEACE ページを開いた瞬間に表示されるイラストアニメーションも素敵ですが、スクロールをはじめると同
日本でも展覧会が開催されるなど、人気の高いチェコの画家、アルフォンス・ミュシャ（Alphonse Maria Mucha 1860-1939）。 19世紀後半から20世紀はじめに活躍し、ベル・エポックと呼ばれる、パリがもっとも華やかで繁栄していた時代、アール・ヌーヴォーを代表する芸術家です。 この記事では、ミュシャの代表作「四季」や「黄道十二宮」、「夢想」などを含む、120枚以上の作品を無料ダウンロードできるFlikcrサイトを紹介します。 CC0ライセンスで商用利用もでき、クレジット表記も不要。 さらにプリント印刷もできる高詳細なパブリックドメインイラストとなっています。 アルフォンス・マリア・ミュシャ（1860-1939）は、チェコのグラフィック・アーティスト、画家、イラストレーター。 しなやかな女性と美しいデザインでみせる劇場ポスターでよく知られています。 今からおよそ120年前、フ
「Webデザインのアイデアが見つからない」 「デザインの制作に自信が持てない」 「Webデザインの最新トレンドを知りたい」 Webサイト制作に関わるひとなら、誰もが一度は遭遇したことがある悩みかもしれません。 当サイトでは2009年から15年ちかく、その当時の最新ウェブデザインを定期的にまとめてきました。 これまで紹介したサイト数で言えば、2000サイト以上。 ちょっとした言葉や見せ方、色の違いで、サイトのアクセス数が何倍にも変わるなんてことも。 この記事では、目まぐるしく変化するWebデザインを追いかける、世界で話題の最新Webデザインをまとめてご紹介します。 Webアイデアの救世主、真似したくなる最新デザイン一覧【36サイト】 中華そば 七八 新潟市内に店舗を構える、チャーシューが自慢のラーメン店。まるで雑誌でも見ているようなレイアウトは、一度見ると忘れないデザインに。 Snapcha
「いつもやってるこの作業、実はちょっと面倒」 「アイデアを形にできるツールや素材が欲しい」 「クリエイティブの生産性を上げたい」 そんな人に朗報です。 このまとめでは、ここ最近公開された便利なツールや素材の中から、「本当に使えるもの」だけ55個を厳選。 カテゴリ別に整理しているので、自分に合った新しいツールを見つけ、作業をもっと快適にしてみましょう。
今週のはてなブックマーク数ランキング（2023年12月第4週） - はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。12月18日（月）〜12月24日（日）〔2023年12月第4週〕のトップ30です*1。 順位 タイトル 1位 ASCII.jp：これは嬉しい ChatGPTプロンプト書き方のコツ、OpenAIが公開 2位 本当に効く！アンガーマネジメント！ 3位 児玉真美『安楽死が合法の国で起こっていること』（ちくま新書） : 山下ゆの新書ランキング Blogスタイル第2期 4位 IT系コミュニティをタダ飯狙いの不審者からどう守るべきか。あるイベントで発生した深刻な事案と提言 － Publickey 5位 JA全農の『鶏モモ肉の焼き方』に反響 「マジでおすすめ」「安い肉が名のある地鶏になった」 – grape [グレイプ] 6位 デイリーポータルZは2024年1月1日から運営会社が変わります :: デイリーポータ
「Webサイトのデザインアイデアが欲しい」 「頭の中のイメージを他のひとと共有できる見本があればいいな」 「最近のWebデザインの動向、トレンドが知りたい」 そんなときに役立つ、国内外で話題の最新Webデザインをまとめてご紹介。 ものすごい早さでトレンドが変わるWebデザインだからこそ、できるだけ多くのサイトを訪れ、様々な角度からアイデアを吸収することが重要です。 ここでは、制作の見本にしたい３４点のWebサイトを選んでいます。 ２０２３年のWebデザインからどのように変化し、新しいトレンドが生まれるのか、今年も楽しみながら一緒に追いかけていきましょう。
ありそうでなかったSNSで話題の最新Webデザイン33選
素敵なWebサイトがこんなに公開されているなんて… ウェブに携わる人にとって、新しいWebサイトを発見し、次へのアイデアを貯めておくのは楽しみのひとつ。 しかし、「忙しくて少し目を離したら、数か月でトレンドががらりと変わっていた」なんてこともあるほど、目まぐるしく変化しているのも事実。 このリストでは、ここ2か月ほどSNSなどで話題となった国内外の最新Webデザインをまとめています。 Webデザイン見本リスト モンブラン｜福岡のブランディング会社 愛の詰まったコンテンツやイラスト、下まで続く長ーいフッター、どれもが素敵すぎる九州を代表するWeb制作会社モンブランさんのブランディングサービスサイト。ワクワクが止まりません。 MIXI設立25周年特設サイト | 株式会社MIXI 25周年を迎えたMIXIを振り返る特設LPページ。アイソメトリックなイラストとカラフルな配色で統一。創業者インタビュ
または、「MicrosoftのMetro UIが、事実上のBento UIだった」と指摘する人もいます。 人気がますます高まっているのは間違いなく、使われば使われるほど、UIスタイルとして確立されていくでしょう。 Bolt Nev Flynn bento.me Bento UIとは？ Bento UIはややこしく聞こえるかもしれませんが、実はとても分かりやすいデザインの構成方法です。 シンプルで効率的なので、デザイナーにもユーザーにも人気があるのが特長。 Bento UIは、UIデザインの原点である「視覚的な階層」と「構成」をベースにしています。 Bento UIが際立つ理由はずばり、小さくて長方形のレイアウト（スマホなど）に適していること。 言い換えれば、Bento UIはモバイルデバイスで見事に機能するため、レスポンシブレイアウトを作成するデザイナーにとっては、うれしい贈りものに。 B
画像生成AIのMidjourneyを1年間使い続け、特に気に入っているのが、AIによるロゴデザインの作成です。 ロゴを適当に利用してしまうと、大きなデメリットしかなく、もったいなさすぎます。 その理由はずばり、ロゴは単なるきれいなイメージではないからです。 ロゴは、ブランドのすべての価値を表す重要な略語なのです。 出典: The 7 Types of Logos And How to Use Them – 99designs それぞれのロゴの背景には、ブランドの世界観が詰め込まれています。 ロゴを見たときに、意識的にせよ無意識にせよ、あなたの脳はストーリーや感情、経験で満たされます。 実際、人間の脳はテキストの６万倍の速さで画像を処理しているそう。 もしかしたら、これまで無料のロゴを利用したり、プロのデザイナーに頼むと高くつくので、自分で作っているかもしれません。 しかし、Midjourn
WebデザイナーやUIデザイナー、クリエイターのみなさんは、日々デザイン作業に追われています。 アイデア出し、レイアウト、アニメーションなど、さまざまな作業に時間と労力を割かなければなりません。 さらに常に変化するデザインの流行や新しい知識、技術を身につける時間も必要。 「できるだけ効率よく作業時間を短縮したい」と思っている人も多いでしょう。 そんな悩みを解決するのが、AIを活用したFigmaプラグインです。 今回紹介するAIプラグインを使えば、以下のようないままで時間のかかっていた作業を自動化、一瞬で作成できます。 デザインのアイデア出し レイアウトの自動生成 デザインをコードに変換 アニメーションの自動生成 デザインの品質チェック AIプラグインは、デザイン作業の「自動化」と「効率化」を実現できます。 これにより、デザイナーは、インスピレーションやアイデアを考える時間や、新しい知識や技
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Midjourneyを１年間使って見つけた、Webデザインに使えるプロンプト全ガイド
【乗り換え】Adobeソフトに代わるベストな代替ツールはこれ【早見表つき】
便利で差がつく、ずるいWeb制作ツール・素材90選【2023年ベスト】
【2023年ベスト】無料で使えるすごい神AIツール27個まとめ
本当は教えたくない2023年の英語・日本語フリーフォント120選【商用可】
Figmaのデザイン制作が楽になる時短プラグイン30選
便利すぎて反則級、ずるい無料デザインツール・素材80選【2023年ベスト】
【総まとめ】2023年世界で話題になったWebデザイン・ベスト50選
コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】
デザインが楽になる、ずるい最新ツール・素材40個まとめ
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
【総まとめ】2023年公開のすごいPhotoshopチュートリアル、作り方ベスト70
【保存版】心地よいWeb遷移アニメーションの基本ルール6個まとめ
2023年をふり返る 年間ベスト無料素材・フリーフォント・Webツールまとめ
使うだけで時短になるWeb、デザイン制作の新ツール・フリー素材50選
Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】
これがフォトショップだ。みるみる力がつくデザインテクニックまとめ
こんなことできるの?!最新HTMLテクニック・スニペット30選 2024年5月版
【2024年版】いろんなデザイントレンドを調査、まとめてみた。
超リアルな人物の全身写真を数クリックで作成できるAI Human Generator
CSSで実装できる、最新HTMLテクニック・スニペットまとめ 2023年9月版
今週のはてなブックマーク数ランキング（2024年6月第3週） - はてなブックマーク開発ブログ
コピペで楽々、CSSでできるボーダーアニメーション５選
Photoshop大型アップデート、知っておきたい6つの新機能 2024年7月リリース
色はAIで決める、デザイナーが知っておきたいAI配色ツール10選
Webマニアがざわついた最新Webデザイン３１選【2024年3月版】
【商用可】「アールヌーヴォーの旗手」ミュシャの人気絵画120枚を無料ダウンロード
Webアイデアの救世主、真似したくなる最新デザイン36選
知らないと損する最新Web＆デザインツール、素材55選
Webサイトのアイデア出し放題、おすすめ最新デザイン３４選
Web新トレンドBento UIって何？はじめ方とサンプル事例まとめ
ロゴデザイン作成に効く、Midjourneyプロンプトの【新常識】
デザイナー必見！AIで作業が「10倍」速くなる！Figmaプラグインまとめ