分野別にピックアップ。デザイナーにおすすめのYouTubeチャンネル14選｜すのれぱ通信
こんにちは。Neilです！ デザイナーは、クリエイティブで面白い仕事であると同時に、日々新しいことを学ぶ必要もありますよね。 みなさんは、どのように勉強していますか？ 僕は、よくYouTubeを見ています。 やっぱり動画はわかりやすいし、なんと言っても世界中のノウハウを楽しく吸収できるところが最高。 デザインの勉強を始めたときからずっとお世話になっています。 そこで今日は、みなさんにおすすめしたいYouTubeチャンネルを14個選んできました。アニメーションから都市デザインまで、完全に独断と偏見でピックアップしてます！ 英語のチャンネルがメインですが、ご心配なく。YouTubeの自動翻訳字幕を使ってみてくださいね。（デスクトップ版のみ）
ウェブ制作に活かすユニバーサルデザインの視点
この記事は、2019年12月7日に名古屋で開催された WCAN 2019 Winter での登壇内容をテキスト化したものです。アクセシビリティ Advent Calendar 2019 の 9日目のエントリーです。 当日使用したスライドは SpeakerDeck で公開しています。 ウェブ制作に活かすユニバーサルデザインの視点｜SpeakerDeck はじめに 「ユニバーサルデザインとウェブ」と聞くと、あまり馴染みがないように思われるかもしれません。しかし実は、ウェブは生まれながらにユニバーサルな性質を持っています。ワールド・ワイド・ウェブの考案者ティム・バーナーズ＝リーは、次のように述べています。 The power of the Web is in its universality. ウェブは、世界中の誰もが、自分の好きな場所で、好きなデバイスで、好きな時にアクセスすることができます。
おとひら
TAP TO START CLICK TO START サウンドをオンにしてお楽しみください Turn up the volume and enjoy
ソリッドとアウトライン、どちらのアイコンが認識しやすいか
アイコンのスタイルをソリッドとアウトライン、どちらを使用するか決めなければならない場合がありませんか？ 好みで決めるという人もいるかもしれませんが、それぞれ分かりやすい場合と分かりにくい場合があります。 どのような場合にソリッドを使い、アウトラインを使うとよいのかを紹介します。 ちなみに下記は、左が過去のデザイン手法、右が現在のデザイン手法です。 Solid Vs. Outline Icons: Which Are Faster to Recognize? by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アイコンのスタイルがユーザビリティに与える影響 アイコンにおける特徴的な手がかり アウトラインアイコンが速い場合 ソリッドアイコンが速い場合 スタイルに違いがない場合 ボタンとしてのアイコンを使用す
一般色覚者にはほぼ分からない“小さくて大きな違い” JIS改訂で「日本社会における色のルール」はどう変わったのか
道路工事中の赤ランプ、踏切、非常口のマーク―― 2018年4月、JIS（日本工業規格）の改訂に伴い、こういった場所に使われている「安全色」が変わったことをご存じでしょうか。 設備の入れ替わりに時間がかかるため、ひょっとしたら、まだ“新色版”を目にしていない人もいるかもしれません。ですが、仮に見ていたとしても、多くの人は気付かないままでしょう。というのも、一般的な色覚を持つ人には、“小さな違い”しか分からない調整が行われているからです。 上下どちらが改訂前、改訂後なのか分かりますか？ しかし、この改訂により、あるタイプの色弱者には「色味が感じられなかった標識がカラーになる」など“大きな変化”があるのだといいます。安全色に起こった小さくて大きな変化とは、どのようなものなのか。CUDO（カラーユニバーサルデザイン機構）副理事長・伊賀公一氏に話を伺いました。 本記事はテーマ別に分けた3編構成となり
iOSでの読みやすい幅 - クックパッド開発者ブログ
モバイル基盤グループのヴァンサン(@vincentisambart)です。 iOSの設定画面の右側は一定の幅を超えないように作られています。 iPadでは: 新iPad Pro 12.9"では: iPadでTwitterのタイムラインのセルの中身も一定の幅を超えません。 このように、自分のアプリで広い画面でもコンテンツが広がりすぎないようにするためにはどうすればよいのでしょうか。AutoLayoutでいくつかの制約を使ってできるのですが、もっと簡単な方法はないのでしょうか。 iOS 9以上では、端末の種類を気にせず、複雑なAutoLayout制約を使わず、殆どのビューですぐ使える仕組みがあります。Appleのドキュメントで「readable content」や「readable width」と呼ばれているものです。以下日本語で「読みやすい幅」と呼ぶことにします。 注意点：下記の説明はAut
無料でアニメーションバナーも作れる超有能ツール！Google Web Designerの基本｜アナグラム株式会社
皆さんはバナー作成の際、どのようなツールを使用していますか？PhotoshopやIllustrator等の有料のグラフィックデザインソフトは、社内に導入していないケースやデザインの技術がなく利用していない人も多いのではないでしょうか。 フリー素材サイトでダウンロードした画像をリサイズし入稿するのも良いですが、テキストを一文加えるだけで印象が変わり、アニメーションを加えることで広告をより目立たせることができます。 2016年6月にFlash形式のディスプレイ広告がGoogle アドワーズへアップロードできなくなり、2017年1月以降Flash形式のディスプレイ広告が廃止されました。Flash形式と同じく動きのある広告は、HTML5広告を利用することが推奨されています。Google Web Designerでは工数もかけずにGoogle ディスプレイネットワークキャンペーン向けのHTML5広告
乃木坂46の公式サイトのリデザインで学んだこと｜Miyu Otsuki
先日、ふとしたきっかけで乃木坂46の公式サイトをリデザインを思い立ち、スキルアップの一環も兼ねてトップページをリデザインをしていました。 そのリデザインから学んだことなどをブログに書きたいと思っていたのですが、公式サイトに掲載されているコンテンツの著作権上、なかなか難しいかなと思い、念のため乃木坂46の運営委員会に問い合わせてみたところ、営利目的でなければ使用しても大丈夫（ブログの掲載も可）との許可をいただいたため、こちらに書くことにしました（2/9 16:43：問い合わせの内容は、公式サイトのお問い合わせフォームから送信したため、画像の添付などはしていません。コンテンツの掲載許可は頂きましたが、運営委員会に直接デザインデータを送ったわけではありません）。 なぜリデザインをしたいと思ったのかもともとアイドルが好きで、アイドルグループの公式サイトをチェックする機会が多いのですが、乃木坂46の
iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium
iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが（笑）、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外（アプリのタッチイベントを認める領域）を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか？それを Web 上の情報を元にまと
わざわざ オンラインストア
わざわざ的・夏のにおい。 夏のにおいと言えば色々ありますが、その一つに菊花線香の香りがあります。 夕方になると駐車場から家へと続くアプローチに一つ、玄関先に一つと、蚊を除ける為に菊花線香をたいています。 たまに風向きによっては部屋の中までこの香りに包まれることもありますが全く気になりません。 ・ わざわざは自分・家族・同僚・お客様・地域・取引先、どれかを最優先にするのではなく、どれにとっても大体ちょうどいいを選択することが大切だと考えています。 天然素材で作られた菊花線香はあくまでも除虫が目的で、殺虫剤ではありません。製造から使用時まで可能なかぎり環境に影響を与えずに、できるだけ虫を寄せ付けず、自分も幸せ。夏らしい良いにおいで、周りも自然と受け入れられる。 そんな選択肢もアリではないでしょうか。 ・ 菊花線香をもっとも優雅に使える道具が、東屋の「蚊遣り」です。 https://wazawa
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
コミュニティ型ニュースサイト「スラド」オープン | スラド
本日、新たなコミュニティ型ニュースサイト「スラド」がオープンしました。スラドはインターネットやソフトウェア、科学、技術、工学、数学といった分野、そしてそれらに関連する技術や政治、法律、特許や権利といったトピックについてのニュースと、それに対する議論を行うためのコミュニティ型ニュースサイトです（スラドについて）。 旧サイト「スラッシュドット・ジャパン」上にあった記事やジャーナル、コメントと言ったコンテンツおよびアカウントはすべてスラド上にそのまま移行されており、以前と同じようにアクセスが可能です。 スラドの記事は読者などからの記事投稿（タレコミ）を元にしております。タレコミはページ上部などの「タレコむ」リンクから行えますので、皆様のタレコミをお待ちしております。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Worldwide Awards 2019 — Gilles Peterson
霜降銀座商店街
Teatr Lalka
Home
いらすとか -文章をいらすとに変換！
manualstinger.com
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色
BUKATSUDO - 街のシェアスペース
