【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを おすすめ度 サイト内検索の可否 いいね/保存機能の有無 ランキング機能の有無 掲載サイト数 を基準にランクづけし、おすすめできるサイト順に載せているので忙しいという方は、とりあえず上から順にチェックしていただければ大丈夫です！みなさんのデザイン制作に活かしていただけると嬉しいです。 【全サイト徹底比較】超参考になるおすすめギャラリーサイトTOP38 ちょう
官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォントがある 政府系Webサイトのアクセシビリティと一貫性を高めることが目的 これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。 インターネットが普及する以前、米国民は印象的な石柱
無料ダウンロードOK、おすすめのフリーフォント総まとめ
このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に33個まとめてみました。 ほぼ全て無料（※）でダウンロードできるフリーフォントなので、気になるフォントがあればぜひ使ってみてくださいね。 ※第一章でお伝えしている「おすすめの見やすいフォントTOP
堀元 見 @kenhori2 通販サイトでは、送料を隠してユーザーを騙すと売上が21%増えるらしい。 バカ高い手数料や送料が後から発覚するクソ体験あるじゃないですか。あれ、合理的な経営判断みたいです。 堀元 見 @kenhori2 『ダークパターン 人を欺くデザインの手口と対策』p.119より引用。 この本すごい。ダークパターン（人を騙すようなWebデザイン）の実例やその破壊力を余すところなく描き切っている。 名だたる有名企業の実例も豊富で震えた。（ツリーで紹介します） valuebooks.jp/bp/VS0089940712 pic.twitter.com/ECrqnJNat4
こんにちは！ 株式会社Rabeeでデザイナーをしています、nanamiです🌿 デザインにおいて「伝えたい情報を意図した通りに見せる」ことは最重要ポイントであり、且つ難しいポイントではないでしょうか。 そんな「伝わるデザイン」の特徴の１つとして挙げられるのが、見ている人に見せたい情報を適切に見せるよう目線をコントロールできていること。 これはWebサイトのデザインでもバナーのデザインでも共通して言えることですが、今回は特に目線の動きが重要になる動画のデザインを見ながら、そのポイントをまとめてみました！ 悪い例 〜私の初心者作品を添えて〜他人の失敗例を見ると学びになることって多いですよね…🧐 ということで、良い例をご紹介する前に、まずはNG例を見ながら説明をしたいと思います。 今回はNG例として、私が学習の一環としてとあるサービスの紹介動画を作成した中からシーンを抜粋しています。 私が作成
「日頃の作業をどうにか楽にしたい、できることならだれかやってほしい」と思ってしまうほど自分にあまい筆者が、制作時間の短縮や効率化アップにつかえる新ツールやデザイン素材をまとめました。 すべて手作業だと時間のかかるCSSスタイリングや、スキルも必要な手描きイラストを用意したり、「このツール、早く知りたかった」と思った素材やツールが揃っています。 日頃のワークフローに活用して、デザイン制作の新ルールを一緒に見つけてみませんか。 コンテンツ目次Web便利ツールデザインツールFigma・アイコンツールユニーク・面白ツール Web便利ツール The good colors – Full spectrum – OKLCH 注目の色「OKLCH色空間」によるカラーパレット作成ができるツール。一般的なLCHとOKLCH色の比較の通り、より「いい感じの色合い」で、明度と彩度のトーンがあった美しい配色を生成し
入学を希望される皆さまへ ネットと通信制高校の制度を活用した、N高等学校(本校所在地：沖縄県うるま市/2016年4月開校)とS高等学校（本校所在地：茨城県つくば市/2021年4月開校）は、パソコン・スマートフォン・タブレットを利用して自分のペースで高校卒業資格のための勉強ができる単位制・通信制（広域通信制）のネットの高校です。日々の学習がネットでできるため、全国・世界から入学できます。ネットの高校では、IT×グローバル社会を生き抜くための“総合力”を身につけるための多様な経験ができ、多様なスキルが得られます。N高とS高は、学校教育法第一条に定められた高等学校で、全日制と同じ「高校卒業資格」を取得することができます。高卒資格取得のための必修授業のほか、将来に向けて自分のやりたいことを見つけられる課外授業があります。大学受験対策・プログラミング・Webデザイン・動画クリエイター・機械学習（AI
Webサイト制作において面倒で時間のかかる作業を効率化したい方へ。 この記事は、CSSコードを手軽に生成できる便利ツールをまとめた最新版リストで、Web制作を快適、楽にしてくれるツール68個が揃っています。 以前CSS便利ツールを集めた厳選リストの公開が2021年。あれからおよそ3年のあいだに話題となったツールを中心に紹介しています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 Web制作の面倒におさらば、CSS時短ツール厳選リスト CSS pattern backgrounds ジグザグやサークル円などシンプルな幾何学模様をつかったCSSパターンをコピペで利用できるオンラインツール。 CSS Polka Dot Generator ポルカドット柄を作成、カスタマイズできるCSSツールで、影を設定するとよりレトロな印象に仕上がります。 CSS
【完全版】GPT-4o超えで話題沸騰のClaude 3.5 Sonnetの使い方と活用事例15選を徹底解説《プロンプトテンプレートと他LLMとの比較付》 7,000文字近くの決定版。｜チャエン | 重要AIニュースを毎日発信⚡️
みなさん、こんにちは。 チャエンです！（自己紹介はこちら） こないだChatGPT-4oで盛り上がったのが、過去に感じるくらいの新たなアップデートが来ました。またClaudeの時代が到来です🔥 【速報：GPT-4oを超えるClaude 3.5が登場】 実際に試してみたが、性能良いです。 しかも、コード書きながらリアルタイムで編集してプレビューができる機能も搭載。 ここに来て、またClaudeの時代が来る。 現状、Gemini、ChatGPTを抑えてNo.1の性能。 有料課金者は既に利用可能です。 ■要点… pic.twitter.com/kO7zqee8R4 — チャエン | 重要AIニュースを毎日発信⚡️ (@masahirochaen) June 20, 2024 Claudeには、Opus > Sonnet > Haikuの3つのモデルが存在しています。今回は、中間モデルSonne
【必見】Claude 3.5 Sonnet×Artifactsのクリエイティブな活用事例30選｜ChatGPT研究所
はじめにAnthropicからClaude 3モデルファミリーの最新版「Claude 3.5 Sonnet」が公開され、すでに多くの活用事例がXにアップされています。 注目を集めているのが新機能「Artifacts」です。この機能により、Claude 3.5 Sonnetの出力をリアルタイムで確認、編集、発展させることができます。 本記事では、X上で共有されたClaude 3.5 SonnetとArtifacts機能の活用事例30個をまとめました！UXデザイン、Webデザイン、プロトタイプ開発、ビジネス文書作成など、様々な分野での活用例を紹介します。 それでは早速みていきましょう！ 1. UXデザインとUser Story Map作成 まだまだ要検証だけど、UXデザインにClaudeの「Artifacts」機能はかなり使えるかも。 適当なサービス概要（ここではSpotify）を渡してインタ
今回は、自社で内製した「比較ビズ」のランディングページ（以下、LP）を、LP制作のプロフェッショナルである片岡様に依頼しました。この記事では、LPのビフォーアフターに加えて、実際にいただいた修正案や検証結果をまるごと公開します。 詳しいポイント解説もついているため「LPデザイン改善を検討している方」「WebデザインやWebマーケティングを勉強中の方」はぜひご覧ください。
この備忘録を共有したいのは ブログ、興味あるけど趣味として実際どうなんかなぁ、転がってる情報は「稼ぐ方法」みたいなのばっかりでよくわからんなぁって思ってる人 この備忘録を読めば 40半ばのおじさんがブログやってみて良かった、等身大の意見が知れます <目次> はじめに ブログを始めてよかったこと ① アウトプットすることで学びが定着する ② 実際にやってみることで学びが深まる ③ 自身のメンタルヘルスに良い ④ 読んでくれる方の反応が嬉しい まとめ おすすめの一冊 はじめに ブログを初めて1年くらいたちました。途中、𝕏の方が面白くなって1記事も更新しなかった月もありますが、時に細々と、時に夢中になって、今に至ります。 ブログを始めようと思った時、実際、趣味としてどうなんかな、何が楽しいんかなと思って色々WEBページを漁ったのですが、「ブログで稼ぐ方法！」みたいな情報ばかりやたら転がっていて
これからWebマーケティングを始めたい、または思うように成果が出ないことに悩んでいてあまり費用をかけずに独学でWebマーケティングを学びたい担当者の以下の課題にお答えする記事です。 独学でWebマーケ ... ポッドキャストでWebマーケティングを学ぶメリット ポッドキャストとは、インターネット上で音声または動画によるコンテンツを定期的に配信する仕組みまたは番組のことです。 収録された音声が様々なプラットフォームに配信されることでユーザーが番組を視聴することができます。 配信サービスを利用するとダウンロードして繰り返し聞いたり、新しいコンテンツが配信された時に通知を受け取ることができます。 ポッドキャストを活用してWebマーケティングを学ぶメリットとしては以下の4点が挙げられます。 移動時間でも学ぶことができる 現在ポッドキャストはWebブラウザの他、スマートフォンアプリで気軽に聞くことが
もう迷わない！OpenTypeフォントとTrueTypeフォントの使い分け｜ヒラギノフォント公式note
フォントを購入するときや使うとき、フォントフォーマット（フォント形式）の違いについて悩んだことはありませんか？OpenTypeフォントとTrueTypeフォントでどちらを選ぶか、悩んだことがあるデザイナー・プログラマーの方もいらっしゃるかもしれません。 OpenTypeフォントとTrueTypeフォントはどちらにも誕生の経緯や役割があり、特定のニーズや用途によって適切なフォーマットが異なります。結論からいえば、OpenTypeフォントはタイポグラフィ・組版などのデザイン性が重視される領域、TrueTypeフォントは組込みなどの互換性や汎用性が求められる領域で採用されることが多いといえます。そしてOpenTypeフォントとTrueTypeフォントから選べる場合は、ご自身の目的や用途に合わせてフォーマットを選ぶことが重要となります。では、なぜフォントフォーマットの違いが生まれたのでしょうか。ま
2024-06-21、九州工業大学 飯塚キャンパスの学生さん向けセミナーでお話したときの資料です。
アイデアがないときの良質Webデザイン見本リスト30選
良質で優れたWebサイトの実例を見てインプットすることは、次のアイデアを生み出す糧になります。 しかし多忙な毎日を送るクリエイティブな人にとって、「日々更新される新しいWebサイトをチェックする時間がない」という経験はあるでしょう。 このリストでは、ここ2か月ほどで話題となった国内外の最新Webデザインをまとめているので、情報収集を効率化したいという人におすすめです。 10年以上Webデザイン観測を行っている筆者が、2024年のデザイントレンドを採用している最新デザインを中心にセレクト。今回は「体験できるWebサイト」、増えてました。 Webデザイン見本リスト BOTANIST | フレグランスコレクション’24 アイスピーチティーの香り スマホで閲覧されることを前提にした幅の狭いレイアウトを採用したWebページで、スクロールに応じて表示されるコンテンツにはどれも素敵なアニメーションが実装
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。
米政府系サイトの常識を変えた「デザインシステム」革命
通販サイトでバカ高い手数料や送料が後から発覚するケースは実は合理的な経営判断という話→売上が増えるダークパターンらしい
上手なデザインは目の動きをコントロールする｜AfterEffects動画｜nanami
使うだけで時短になるWeb、デザイン制作の新ツール・フリー素材50選
扶桑社による謝罪記事の掲載のお知らせ | N高等学校・S高等学校(通信制高校 広域・単位制)
Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】
CPAが0.9万→0.6万に改善！プロのLP改善プロセスをまるっと公開
趣味としてのブログって実際どうなの？1年間やってみたメリット4選 - 誰かと私の備忘録
Webマーケティングを学ぶのにおすすめのポッドキャスト番組10選！：2024年7月版
Webデザインと フロントエンド技術🔰勉強会