こんなWebデザインはNG！避けたほうがいい具体例４つ【未経験・初心者向け】

[@webgodweb]

デザイナー未経験・初心者の方向けに、避けたほうがいいWebデザインの具体的な例を４つ紹介します。 デザイナーさんだけではなく、Webデザインに関わる方にも絶対に知っておいて欲しい内容です！ ■ 色覚シミュレーションができる無料スマホアプリ 「色のシミュレータ」 asada.website/cvsimulator/j/ ■ 東京都カラーユニバーサルデザインガイドライン www.fukushihoken.metro.tokyo.lg.jp/kiban/machizukuri/kanren/color.html ↓↓↓この動画もおすすめ↓↓↓ 【初心者向け】コーディングに最低限必要なデザインの知識３選！デザインデータの扱い方・画像のファイル形式など【Webデザイン】 kzbin.info/www/bejne/aHa9moynmcd8esk

[@KennyFully]

オーマイガー、本当にありがとうございます！最近ウェブデベロッパーになりたい人とデザインについて話したけど、その人はデザインについてのセンスはゼロだよ。この動画を見せる！🎉

[@webgodweb]

コメントありがとうございます！！ 活用していただけるなら嬉しいです！😂

[@smami5740]

薄目によるセルフチェックは、盲点でした！ 今回も、ためになる情報発信、ありがとうございます😊

[@webgodweb]

完全に自己流でやっていたのですが、誰でも簡単に取り入れられる方法かなと思うのでおすすめです！🙏いつもご視聴ありがとうございます！！

[@user-natural-farming2022]

はじめまして。 デザイナー未経験者です。 内容や話し方が、とてもわかりやすかったのでチャンネル登録させてもらいました。 これから、参考・勉強させてもらいます。 よろしくお願いします。

[@webgodweb]

ありがとうございます！🙇‍♀️ 今後もお役に立てるようなコンテンツ発信に努めてまいります！

[@asapampm]

色覚シミュレーションのご紹介、ありがとうございます！ app使って、自分のプロダクトもチェックさせてもらいます！！

[@webgodweb]

コメントありがとうございます！！ 是非活用してみてください🙇‍♀️

[@gontacode3020]

なつこさんは年をとるたびきれいですね

[@webgodweb]

ありがとうございます😂😂

[@ロナウジーニョ-f1v]

いつも勉強させていただいております。

[@webgodweb]

こちらこそいつもありがとうございます！！

[@マン-k6s]

有益な情報ありがとうざいます😢 商材やサービスによっては 単純におしゃれなデザインするのは注意が必要ですよね。 ECコンサルにお願いしてWPでかっこいいサイトにリューアルをしてもらってから逆に売上が減りました😅 ECサイトとしては保守性にも疑問を感じ結局、ユーザー目線に立ったクラシカルな静的ページに戻す予定です。中々の授業料でしたw

[@中村憲司-u4h]

細目作戦とカラーユニバーサルデザインの話は特にためになりました。カラーユニバーサルデザインについては早速スマホに入れて試して周りにあるものを見るとまるで普段見ているのと違うので驚きました。色覚特性を持った人にも分かりやすいデザインってどうすればいいのだろう？新たな疑問がわきました。

[@webgodweb]

コメントありがとうございます！！そうなんです、まったく違う世界が見えますよね。。一般的に言われているのは、「色だけで」目的を伝えるようなデザインにはしない、ということで、デザインに対する根本的な考え方としてかなり重要じゃないかと思います。

[@n_two_n]

ハンバーガーメニューのお話、正に70過ぎの母親にアプリの使い方を遠隔で教えた所「そんな項目は無い」と言われて疲弊した経験があります。当たり前が通じない事ってあるんですね。

[@webgodweb]

コメントありがとうございます！ 私たちも、日頃から目にしていて、1度でも動作を試したり、思う通りにならなかったような経験があるからこそ、「これはこういうもの」と自然に認識できているようなものが多い気がします。 時代によって流行りがありますが、果たしてこれは流行り云々以前に伝わるサインなのかどうか、冷静に判断することは時に重要だと思います…！

[@chilloji1202]

デザインのお話待ってましたぁーっ！！ ＼＼\\٩( 'ω' )و //／／ わぁーーーーーーい

[@webgodweb]

大変お待たせしました！！！٩( 'ω' )و

[@04rinel64]

吉澤ひとみと後藤真希を足して2で割ったような顔

[@TV-vh5ji]

動画を参考にatomでいくつかＨTMLファイルをつくってみました。久々に、修正しようとしたのですが、既存のファイルを修正方法がわからなくなってしまいました。atomを起動後、既に作成したhtmlファイルはどこに格納されているのでしょうか。desktop上に、既につくったｈｔｍｌ(index.html各種）は表示され、クリックするとCSSで編集されたWEB画面はみられるのですが。肝心の編集できるフィアルがどこにあるのかわからなくなってしまいました。ご教示くださいませ。

[@webgodweb]

恐らく、htmlファイルをクリックするとデフォルトでWebブラウザで開く設定になっているかと思いますが、右クリックで「atom」で開く等、アプリを指定して開くといつものように編集可能かと思いますがいかがでしょうか？ デスクトップにあるそのファイルが本体かと思いますが、そのファイルをどのアプリケーションで開くかによって、編集する、Webブラウザで見た目を確認する、など出来ることが変わります！