並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 2380件

新着順 人気順

webデザイン_ | _デザイナの検索結果1 - 40 件 / 2380件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

webデザイン_ | _デザイナに関するエントリは2380件あります。 デザインdesignwebデザイン などが関連タグです。 人気エントリには 『未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie』などがあります。
  • 未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie

    「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD](92MB) 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を

      未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
    • 【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新|ryota_funakoshi

      【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新 こんにちはデザイナー社長の船越です!久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から 「どこから画像を引っ張ってくればいいかわからない😭」 「日々の情報収集どうすればいいの?🤔」 という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました!デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです!たくさんのデザイナーさんの役に立つ記事にしたいため、「このツールも便利だよ!」というのがあればぜひコメントで教えてください! 日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し

        【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新|ryota_funakoshi
      • 無料コーディング練習所 | 未経験からWebデザイナーへ!【2024年版】

        『無料コーディング練習所』では、完全無料のコーディング教材を提供しています。 入門編から上級編まで6サイトをコーディングすることで、 HTML・CSS・jQueryの基礎スキルがしっかり身につくカリキュラムになっています。 デザインカンプと完成版コーディングデータ付きです。 この教材は制作会社の新人コーダーの教育にも使用されています。 さぁ、楽しみながら一緒に勉強していきましょう♪

          無料コーディング練習所 | 未経験からWebデザイナーへ!【2024年版】
        • 本当は教えたくないWebデザイン参考ギャラリーサイト37選

          ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

            本当は教えたくないWebデザイン参考ギャラリーサイト37選
          • 非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)

            ※こちらの記事がはてブの総合人気エントリに入りました! こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬(くるしば) (@shiba_program) September 13, 2022 僕は普段はいわゆるPMやエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え

              非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)
            • デザイナーさんが選ぶ好きなフォントランキングがこれ「わかるオブわかる」皆さんの好きなフォントもいろいろ挙がって楽しい

              デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips/デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e

                デザイナーさんが選ぶ好きなフォントランキングがこれ「わかるオブわかる」皆さんの好きなフォントもいろいろ挙がって楽しい
              • かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"

                とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT

                  かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"
                • ちょうどいいWebデザインギャラリー

                  カラー ネイビー (7) カラフル (259) スカイブルー (228) ホワイト (1226) ベージュ (423) グレー (434) ブルー (353) パープル (57) ピンク (126) レッド (212) オレンジ (124) イエロー (215) グリーン (310) ブラウン (148) ブラック (539) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (154) 美容 (112) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (134) 金融・保険・会計・法律 (47) ファッション・アクセサリー (76) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (152) アート (41) 車・バイク他 (18) 事業・組織 (72) 暮らし商品・サービス (149) 飲食・食品・飲料 (481) 行政・NPO・団体・協

                    ちょうどいいWebデザインギャラリー
                  • Webデザインの有料学習サイトが無料化 IllustratorやPhotoshop入門などが見放題

                    chot.design上のコンテンツは、実際にWeb/IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで「変なオンラインサロン入る前にここで勉強してみてください!」とアピールしている。 無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。 ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler(東京都渋谷区)が事業を継承するとしている。 関連記事 穴埋め問題を簡単に作れるWebサイト、「試験勉強に役立つ」と話題に 教育系IT企業のCTOが作成 マウスやタッチ操作で直観的に穴埋め問題を作成でき

                      Webデザインの有料学習サイトが無料化 IllustratorやPhotoshop入門などが見放題
                    • 素人が作ったチラシを、プロのデザイナーが作るとこうなる→デザイナーのすごさや、視覚効果の重要性がよくわかる例です

                      丸山 恭右 / TSUYOSHI 連載中 @maruccckey 漫画家。サイコミにて連載中。 『TSUYOSHI 誰も勝てない、アイツには』 (最新22巻 発売中) youtubeで創作に役立つ情報発信しています。 ◇Youtube:https://t.co/j2pEPOyFBU ◇Mail:rickey.mk03@gmail.com cycomi.com/title/96

                        素人が作ったチラシを、プロのデザイナーが作るとこうなる→デザイナーのすごさや、視覚効果の重要性がよくわかる例です
                      • 全てのデザイナーが知っておくべき10の法則 デザイン会社 ビートラックス: ブログ

                        デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。

                          全てのデザイナーが知っておくべき10の法則 デザイン会社 ビートラックス: ブログ
                        • 「とにかく引き算が大事」消費者庁の資料をデザイナーの人がリデザインしたらめちゃくちゃ見やすくなった

                          つだしん @tsudashin 消費者庁の資料をリデザインしてみた2 とにかく引き算がだいじ、デザインに正解は無いのであくまで一例です pic.twitter.com/N3zd9M86Ze

                            「とにかく引き算が大事」消費者庁の資料をデザイナーの人がリデザインしたらめちゃくちゃ見やすくなった
                          • 霞ヶ関パワポをデザイナーが作り直してみた→ポンチ絵には単語一つ一つに利権が絡んでいてプレゼン資料とは目的が異なるという話

                            ごぼう先生 健康体操クリエイター @GobouZnk @satomi_n0810 @tabbata めっちゃくちゃ見やすくて素晴らしいです!! ただ、ケアマネジャーの業務が24時間対応になってしまっているので、そこは高齢者住宅に住んでいるから対応ができる。という意味で、ケアマネジャーの業務ではないと思います。 整理されるとパンクが具体的に見えているからワザとごちゃつかせてる説。 2023-04-02 22:39:02

                              霞ヶ関パワポをデザイナーが作り直してみた→ポンチ絵には単語一つ一つに利権が絡んでいてプレゼン資料とは目的が異なるという話
                            • 本のフォントが気になったので、徹底的に調べてみたら、意外な事実が判明した。|後日談追記|伊藤太一 / プロダクトデザイナー

                              2020.1.14.   一番下に後日談追記。 「読みたいことを、書けばいい。」という本を買った。 noteをはじめたことで、そもそも文章ってどう書くのかとか、わかりやすい文章ってどういうことなのかが気になっていたから。 学びたい欲求が出たときはすぐに行動に移すと吸収が違う。 だから買ったのに。 まず表紙からそうはさせてくれないのである。 なんだこのフォントは。 思わず読もうとする手をとめた。 まず、この「を」に注目してほしい。 タイトルの文字「読みたいこと」と「書けばいい。」と比較して、太さ(以下:ウエイト)は同じに見えるが、文字の雰囲気が異なっていることが分かる。 くるっとなってるこの部分。 ここだけ筆の流れを感じさせるような繋がりがある。 もし他の文字と同じルールで作るのであれば、こうするのが自然だ。 デザイナーさんがニュアンスを加える為に、アレンジして作った文字なのだろうか。「A1

                                本のフォントが気になったので、徹底的に調べてみたら、意外な事実が判明した。|後日談追記|伊藤太一 / プロダクトデザイナー
                              • UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ~業務システムとSaaSのUIを考える

                                デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上(2019年12月現在)ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

                                  UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ~業務システムとSaaSのUIを考える
                                • 伝わりやすいスライド資料の作り方。資料作成の流れからデザインのコツ、デザイン初心者さんにおすすめの本まで紹介|fuyuna blog|デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ

                                  センスがなくても大丈夫!デザインのコツを活用すれば、だれでも見やすくわかりやすい資料を作成できます。 イマイチな例といい例のスライド見本もご用意しているので、よければ参考にご自身のスライド資料をブラッシュアップしてみてください。 5. フィードバックをもらう資料のデザインが完成したら、上司や先輩に確認してもらいましょう。プレゼン資料は人に見てもらうことを前提として作るため、客観的な意見は重要です。 目的を果たせる資料になっているか内容がわかりやすいかプレゼンを通してどんな印象を受けるかなど意見をもらい、ブラッシュアップをしていきます。 このとき、PDF形式で書き出したものを確認してもらうと、より資料のクオリティが上がります。デザインの現場でもよくあることですが、PDFや印刷した資料を見ると、スライド作成時には気づけなかった誤字や脱字、表現の違和感などに気づけます。 PDFファイルの作成・共

                                    伝わりやすいスライド資料の作り方。資料作成の流れからデザインのコツ、デザイン初心者さんにおすすめの本まで紹介|fuyuna blog|デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ
                                  • 無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に!/事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開

                                      無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に!/事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開
                                    • デザイナー必見!知っておきたい10の認知バイアス デザイン会社 ビートラックス: ブログ

                                      認知バイアスとは、思考のプロセスにおける系統的な間違いのこと。簡単に言い換えると、思い込み。意思決定や判断を行う際の精神的な近道として機能するが、間違った判断を生み出すこともある。 年齢、性別、文化的背景に関係なく、誰もが認知バイアスの影響を受けていると言われる。 これを理解しておくことは、デザインを生業にする我々にとってはとても重要だと思う。なぜなら、人間である以上は、そこに認知バイアスがあり、それを熟知しておくことで、より適切なデザインをすることができるようになるから。 ユーザーエンゲージメントを向上させる7つの要素 認知バイアスが存在する理由我々の脳は、日々信じられないほどの量の情報を取り込んでいる。同時に、できるだけ思考エネルギーを節約したいとも思っている。そのため、難しい判断を迅速に行うために、一般論や経験則(ヒューリスティックとも呼ばれる)に頼っている。 脳がより効率良く判断を

                                        デザイナー必見!知っておきたい10の認知バイアス デザイン会社 ビートラックス: ブログ
                                      • Webデザインで「紙っぽさ」を出す方法を考えてみる|akane

                                        こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください! はじめに:「紙っぽさ」とは?私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典:六本木未来会議出典:DMN出典:ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう?自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①:文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

                                          Webデザインで「紙っぽさ」を出す方法を考えてみる|akane
                                        • Midjourneyを1年間使って見つけた、Webデザインに使えるプロンプト全ガイド

                                          「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを1年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何?」というひとは、基本の使い方をまとめた以下のガイドを参考にど

                                            Midjourneyを1年間使って見つけた、Webデザインに使えるプロンプト全ガイド
                                          • 未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん完結「最初からずっと不穏だ…」

                                            かけだしちゃん @kakedashi_chan 未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん その4 キラキラWEBデザイナーへの第一歩!SNSアカウントを作るよ~! #Web制作 #webデザイン #コミックエッセイ pic.twitter.com/Tu7NZAFyG7 2022-01-21 20:00:59

                                              未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん完結「最初からずっと不穏だ…」
                                            • 「これはすぐ使える」「めちゃくちゃ為になるやつ」 プロのデザイナーが教える写真構図まとめが勉強になる

                                              プロのデザイナーによる、「覚えておきたい写真構図」をまとめた画像に反響が集まっています。これを意識すれば、初心者でもセンスの良い写真が撮れるかも。 サンプル画像つきでイメージしやすい(画像はクリックで拡大します) 投稿者はWebデザイナーのもち(@makiko_sakamoto)さん。「三分割構図」「三角構図」「S字構図」など、12種類の写真構図の特徴や効果が分かりやすく解説されています。SNSの投稿のような、普段のちょっとした写真撮影にも生かせそうな実践的なテクニックです。 投稿には、「うまく写真を撮りたいって思ってもなかなか…だったので参考になります」「これはすぐ使える、ありがたい」「めちゃくちゃ為になるやつ こういう基礎の構図が分かってることが大事だよなぁ」などのコメントが寄せられていました。 もちさんはこの他にも、Webデザインに役立つTipsやデザイン集をTwitterに投稿して

                                                「これはすぐ使える」「めちゃくちゃ為になるやつ」 プロのデザイナーが教える写真構図まとめが勉強になる
                                              • 「デザイナーいないんですか?」松屋の食券機のUIがどんどん悪化してきたがここに来て『極み』に到着した感が出ている

                                                enden @enden_nix これまでも牛丼1杯と半熟玉子頼むだけで16回のボタン操作が必要だったりして異常だったけど流石にこれは無いと思う、個人経営のラーメン屋さんがなんとか導入したとかならまだしも大手全国チェーンの最新型機ですよ????

                                                  「デザイナーいないんですか?」松屋の食券機のUIがどんどん悪化してきたがここに来て『極み』に到着した感が出ている
                                                • 約99%割引、「メイリオ」デザイナーによる日本語フォント109種類の詰め合わせ、27万4795円が2980円に【やじうまWatch】

                                                    約99%割引、「メイリオ」デザイナーによる日本語フォント109種類の詰め合わせ、27万4795円が2980円に【やじうまWatch】
                                                  • もうデザイナーいらないって言われた話【無料デザインツールCanva】 - Qiita

                                                    みなさま、こんにちは。 プラコレアドベントカレンダー2019も折り返して、8日目。 冒険法人プラコレのデザイナーzukaです。 (投稿が遅れてしまいました。本当に申し訳ございません。) なんだかんだとデザイナー歴3年目。 少しずつ社内で力になれることも増えて、毎日充実しております。 令和初のクリスマスも間近に迫り、 女性率の高いプラコレ社内は一層明るい会話も飛び交っておりますが、 先週、信じられない発言が私の耳をつんざきます。 “もう、自分でつくれちゃうから” えぇ…………。 私たちはDressy(ドレシー)というブライダル系メディアを運営しており、 多くの花嫁さまのハートをきゅんとつかむようなコンテンツを 365日毎日発信し、業界へ新しい価値を提供しております。 なかでもデザイナーの役割といえば、 良質なグラフィックを作り出し、企画を盛り上げること。 かつての広告バナー100000000

                                                      もうデザイナーいらないって言われた話【無料デザインツールCanva】 - Qiita
                                                    • デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話

                                                      こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN

                                                        デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
                                                      • Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは

                                                        Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは

                                                          Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
                                                        • やってほしくない緑とオレンジの使い方(カラーUDの話)|ほうじ | 少数色覚デザイナー

                                                          少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ(表示)を

                                                            やってほしくない緑とオレンジの使い方(カラーUDの話)|ほうじ | 少数色覚デザイナー
                                                          • 現役ゲームデザイナーがレベルの意味について解説する

                                                            某所で買い切りゲームのゲームデザイナーをしてるけど、レベルって便利なんだよね。多分、多くの人はレベルシステムがもたらす恩恵をさして意識せずにゲームを遊んでると思う。 自分もレベル上げ作業は嫌いなので、昔の一部のRPGみたいなレベル上げ必須の状況はほぼ作らない。ただのプレイ時間水増しだし。 しかし、それを抜きにしてもレベルシステムって色々な恩恵があるんだよね。 難易度調整これはみんな直感的に分かると思う。 ボスを倒せる適正レベルを設定しておいて、ゲームが得意な人は低いレベルでクリアして、ゲームが苦手な人は高いレベルでクリアする。 そういう細かい所を吸収してくれるのがレベルシステム。 同様に、サクサクとザコ敵をぶっ倒してボスまで到達するのが楽しい人もいれば、一つ一つ苦労して倒して回復薬を管理しながらボスまで到達したい人もいる。 そういう楽しみ方も吸収してくれるのがレベルシステム。 ここでレベル

                                                              現役ゲームデザイナーがレベルの意味について解説する
                                                            • エンジニア採用強化各社はいかに優秀なエンジニアがすでに在籍してるかよりいかに優秀なプロダクトデザイナーやマネージャーが在籍しているかをアピールしてくれ - まいくろ🍣きりみん

                                                              ポエムです。パッと勢いで書くので反論の余地があるかと思います。 あと何にやりがいを感じるかも多分かなり人それぞれだとは思います。 経緯 最近あらためて思うのが、よほど高度な技術を使っていない限りWeb系企業におけるエンジニアってあくまで守の存在なんですよね。プロダクトのやりたいことを妨げないために堅実にしっかりと物を動くものを作っていく。ただしそれは必要条件でしかなくて、事業が駄目なら成功しない— きりみんさん(きりみんちゃんのマネージャー) (@kirimin) November 6, 2019 エンジニアがどこまで仕様に口を出せるかは組織の体制や規模にもよるけど、やはり事業開発においてエンジニア一人がプロダクトの成功に与えられる影響力はあまりにも小さい。失敗に与えられる影響力は大きいけど🤭— きりみんさん(きりみんちゃんのマネージャー) (@kirimin) November 6,

                                                                エンジニア採用強化各社はいかに優秀なエンジニアがすでに在籍してるかよりいかに優秀なプロダクトデザイナーやマネージャーが在籍しているかをアピールしてくれ - まいくろ🍣きりみん
                                                              • もっと早くデザイナーに声をかけろ

                                                                SIerのインハウスデザイナーとして働いてるんだけど、うちの会社の業務フローがクソすぎてストレスが溜まっている。 あの、PMのみなさん、ていうか我が社の開発標準つくってるみなさん。 外部設計とか機能設計とか、「設計」ってついてる工程にデザイナーをアサインしてください。 デザインって「設計」っていう意味なので。 別に、知識マウントとか偉ぶってるとかでもなんでもないです。 外部設計も機能設計も社内のエンジニアがエクセルで作っているけど、なんでデザイナーを呼んでくれないんですか? あなたたちがやってるそれ、デザインですよね? そのくせエンジニアは、自分が設計書を作っていても「デザイン」をしているという自覚は全くない。 それどころか「自分にはセンスが無いから〜!」と変にデザイナーを持ち上げてくるんだけど、あなたたちのやってることもデザインですよ。 なのに、自分たちだけですっかり外部設計とか機能設計

                                                                  もっと早くデザイナーに声をかけろ
                                                                • 【入門】非デザイナーのための「デザインのルール」

                                                                  僕はデザイナーとして、これまで多くのインフォグラフィックスやスライド形式の記事を作ってきました。その関係で、一般的なビジネスに使うスライドについて聞かれることがよくあります。そんな時の回答は大抵の場合、次の3つです。 ・情報を減らすこと ・ルールを守ること ・装飾をしないこと こう答えると、見た目のカッコ良さを期待していた人には、がっかりされることもあります。(笑) でも、ビジネスの資料で、最も優先すべきことは「わかりやすさ」です。そして、資料のわかりやすさに、装飾的なカッコ良さは関係ありません。むしろ、余計なあしらいが、わかりにくさを生んでしまうことも多いのです。 では、「資料にデザインは必要ないのか?」というと、そうではなくて、資料のデザインとは、グラフィック的な装飾ではなく、(視覚的に)情報を整理することなのです。 一般的に、デザインをフィニッシュワーク(清書や化粧のようなもの)と考

                                                                    【入門】非デザイナーのための「デザインのルール」
                                                                  • 【悲報】広島現代美術館のトイレにまたしてもイシキタカイ系デザイナー自己満足の無意味ピクトグラムが設置された上に無意味な能書きまで追加される。「男」「女」と横に明記されている分まだ救いはあるか

                                                                    公(広島市) @kou_mamorukai 元「広島市を護る会」代表。 #広島市 に #ヘイトスピーチ 条例を作ろうという外部団体ができたので、条例制定反対の民意を届けるため会を立ち上げました、が、状況が落ち着いたので活動休止しました。 フォロワー募集中です。

                                                                      【悲報】広島現代美術館のトイレにまたしてもイシキタカイ系デザイナー自己満足の無意味ピクトグラムが設置された上に無意味な能書きまで追加される。「男」「女」と横に明記されている分まだ救いはあるか
                                                                    • かっぴー先生の漫画「有名デザイナーにロゴを依頼したら大変な事になった話」が伝える”デザインの本質”の触り

                                                                      ᕼOᔕᑎY .᙭ @mo7sny アイドルと、アイドルをマネジメントする大人達のビジネス漫画「15分の少女たち-アイドルのつくりかた-」 本職の方々にたくさん取材させて頂きつくってます。働く全ての方にオススメです!ぜひ! pic.twitter.com/TJsuv2chi4 2022-11-01 22:05:50

                                                                        かっぴー先生の漫画「有名デザイナーにロゴを依頼したら大変な事になった話」が伝える”デザインの本質”の触り
                                                                      • 私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。

                                                                        Tweet Pocket 日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを

                                                                          私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。
                                                                        • 絵描き必見「美大出てないんですけどデザイナーになれますか」→「なれるけど、美大じゃないと獲得しにくい技術がある」

                                                                          久下玄 @kugehajime Designer, Engineer, Strategist/ CEO at tsug / Product Strategist at Coiney,inc / hey,inc / アプリからロボットや空間まで、事業から組織まで、全領域でデザインするのが仕事です。 最近やりたいのはSF映画の中のプロダクトデザインです。 https://t.co/SFkehPTFHX 久下玄 @kugehajime 「美大出てないんですけどデザイナーになれますか」という話題がある。結論から言うとなれる。 ただ美大卒(厳密には実技入学)じゃないとかなり獲得しにくい技術があり、それが、マクロとミクロの視点を行き来しつつ、破綻なく事象の全体像やディティールを客観的にまとめ上げるスキル、デッサン力。 2021-12-05 09:56:29 久下玄 @kugehajime デッサン力は

                                                                            絵描き必見「美大出てないんですけどデザイナーになれますか」→「なれるけど、美大じゃないと獲得しにくい技術がある」
                                                                          • 「お前、デザインわからないならデザイナーの後ろで作業ずっと見てろ」と言われ、素直にやってみたらすごい気づきがあった思い出|池田紀行@トライバル代表

                                                                            「お前、デザインわからないならデザイナーの後ろで作業ずっと見てろ」と言われ、素直にやってみたらすごい気づきがあった思い出 20年ほど前、フリーランスでマーケティングコンサルタントをやっていた頃、お世話になっていた(社員10人くらいの)デザイン事務所の社長から、「池ちゃん、うちもマーケティングの提案を強化していきたいから役員として手伝ってよ」と言われ、デザイン超絶門外漢の僕が突如デザイン事務所の役員を務める、ということがありました。 その会社は大手メーカー商品のネーミングやパッケージデザインを手掛けることも多く、最初に僕が担当したのも新商品のパッケージデザイン案をクライアントに持っていき、合意を取ってくるものでした。 本来であればデザイナーも同行しますが、そのときはなぜか僕だけで行ったんですよね…。20年前のことなので理由は忘れました。 クライアント先に行ってデザインを見せると、「おお!いい

                                                                              「お前、デザインわからないならデザイナーの後ろで作業ずっと見てろ」と言われ、素直にやってみたらすごい気づきがあった思い出|池田紀行@トライバル代表
                                                                            • 非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita

                                                                              はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー~」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色

                                                                                非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
                                                                              • Webデザインの参考になるギャラリーサイト11選 | Pulp Note

                                                                                フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。今回は、私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。ぜひ参考にしてみてください。 URAGAWA 担当した制作会社を掲載しているギャラリーサイト。制作会社ごとに見て回れるのはおもしろい。カテゴリ分けも『業界』『タイプ』『特徴』『カラー』『特集』『アワード受賞』『ランキング』と他にはない分類ですが意外と使いやすいです。制作の裏側記事もあってWebデザインの参考だけではなく読み物としても楽しめます。 URAGAWA | 制作会社がわかるWEBデザイン・参考サイト集 紹介文 URAGAWAは、クリエイティブカンパニーの情報を蓄積していくこと

                                                                                  Webデザインの参考になるギャラリーサイト11選 | Pulp Note
                                                                                • デザイナー向けに行なったHTML勉強会の資料を公開します|sakito

                                                                                  今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタイトルでnoteに書いてくれています。企画の意図は下記のとおりです。 企画の意図 根本としては、情報整理(情報設計)の基礎概念にHTMLがとてもマッチしている、と考えているからです。 ところが、業界的にも昨今よく聞く話ではありますが、最近意外にHTMLに触れる機会がなくプロダクト開発の現場に入る人が多いのが現実です。これは、デザイナーだけでなく、なんならフロントエンドの開発者であっても。 個人的には、HTMLはマークアップ言語であること以上に、構造化のフレームワーク

                                                                                    デザイナー向けに行なったHTML勉強会の資料を公開します|sakito

                                                                                  新着記事