色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
写真を使用してデザインをするためのベストプラクティス
写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方
WordPress オリジナルテーマの作り方
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト！ ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
web制作に役立つサイトまとめ - 肉汁が溢れ出ています
引用元：web制作板 545 名前：Name_Not_Found[sage]投稿日：03/10/20 20:13 ID:??? 初心者向け ■はじめてのWEBドキュメント作り http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ■初めてのホームページ講座 http://www.hajimeteno.ne.jp/index.html ■30分間HTML入門 http://kanzaki.com/docs/html/lesson1.html ■ISMT HOME 〜 メモ帳で作る超初心者のＨＰ作成講座 〜 http://ismt.cside.com/ ■趣味のWebデザイン http://deztec.jp/design/index.html HTML/WWW解説 ■好ましいHTML文書を書くための方法と考え方 http://www.asahi-net.
デザイナーといってもいろいろです : could
セミナーデザイン デザイナーといってもいろいろです 勉強会に来ると、人によって「デザイナー」という定義がいろいろあることに気付くので興味深いです。何もないところから形作る孤独なプロセスがあるデザイナーとの接し方を考えてみました。 今月も再び百式の田口さんが主催の勉強会に参加してきました。今回はなんと「デザイン (全般的なデザインというより Webに特化していたかと)」がテーマでした。テーマがテーマなのでポッドキャストで対談した種村さんにもご一緒してもらい、開発者、デザインしている人合わせて 20人くらいが集まりました。エンジニア、プログラマー（デザイナー以外の視点ですね）からデザイナーに向けて質問というのがメインでしたが、受け答えるデザイン系の方が 4人だったのでもう少しデザイン系の方が多かったらいろんな意見が聞けたのかもしれません。 幾つかあがった質問をみて感じたのが、装飾という意味でデ
Webデザインの間違い・トップ10
ここで挙げるのは、ユーザーに対する残虐行為の、もっとも酷いものトップ10だ。極悪なユーザビリティは、かつてより少なくなったものの、Webデザインの悲劇やHTMLホラーはいまだに多い。 Top 10 Mistakes in Web Design by Jakob Nielsen 1996年5月1日 1996年以来、私は多くのWebデザインの間違いトップ10を作ってきた。全リストへのリンクは、この記事の最後に載せてある。この記事は、全リストの中からもっとも酷いものを集めた、ハイライトだ。（2004年更新） 1. 質の悪い検索エンジン 必要以上に一言一句にこだわる検索エンジンは、ユーザビリティを低下させてしまう。入力ミスや、単数／複数の違い、その他の検索語の揺れに対応できないものが、これに該当する。こういった検索エンジンは、特に高齢者のユーザーにとって使いにくいものになるが、誰にとっても問題では
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
我在洗碗他在下面弄我,久久婷婷五月综合色一区二区,激情综合色五月丁香六月亚洲,少妇被粗大的猛进出69影院
黑人巨大精品欧美一区二区,久久婷婷五月综合色一区二区,激情综合色五月丁香六月亚洲,少妇被粗大的猛进出69影院,高清影视,免费国产污网站在线观看不要卡,在线无码视频观看草草视频
はじめてでもできる！Twitter壁紙入門 - MdN Design Interactive
Web業界は、Twitterのサービス開始から使っている古参ユーザーが多いことで知られている。Twitterのページもカスタマイズされていて、見ているだけで楽しい。Twitterの画面はとてもシンプルだが、壁紙を設定したり、自由に配色を変更することができる。自分のページを魅力的でかっこいい（もしくは可愛らしい）デザインにアップデートすることが可能だ。本記事では、壁紙の作成、設定方法および注意点などを解説している。参考にして、人目を引くような壁紙づくりに役立ててほしい。 （2009年11月16日 文＝境 祐司） ［プロフィール］ さかい・ゆうじ●教育デザイナー。学校、企業の教育プラン、マネジメント、講演、執筆など。著書に『デザイナーなら絶対知っておくべき Webデザイン50の原則』ソフトバンククリエイティブ、『速習Webデザイン Flash CS4』技術評論社、『XHTMLマークアップ＆スタ
就活に打ち勝つポートフォリオWebサイトの作り方 | Webクリエイターボックス
2016年2月18日 Webサイト制作 Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します！ ↑私が10年以上利用している会計ソフト！ 最新版書きました！こちらも参考にしてみてください。 ポートフォリオWebサイトを作ろう！2015年版 ポートフォリオWebサイトを作る時のポイント 1. 自己紹介 自分は何者なのか？何ができるのかをわかりやすく完結に紹介します。あまりダラダラ書いても読まれない確立が高いため、大きめのフォント・短い文章で紹介すると効果的です。 「自分はWebデザイナー」という事をはっきり書く 自分ができることをわかりやすく表記
Webデザインがつまらなく見えてしまう理由
魅力が伝え難いWebデザイン Webデザインを説明するのは非常にやっかいです。このサイトでも何度も取り上げては書き続けていることですが、上手く説明しきれていない部分は少なくありません。 最近よく感じることが Web サイトの魅力を伝えるのは難しいということと、そもそも「魅力・良さ」という部分も人それぞれであるという点です。いろいろな意味が含まれていると思いますが、Web における「魅力・良さ」は、見た目や動きに集約されることが多いです。 ときどき、Webデザイン専門学校の先生とお話をすることがありますが、HTML の勉強をずっとしてても、最終的に出て来る作品がフルFlashということがあるそうです。当然 Flash サイトが魅力的ではないわけはありません。良い Flash サイトもたくさんあります。学生さんが Flash を選んだ気持ちも分かります。パッと見たときの魅力やインパクトは Fl
MdN-Designer meets Designers
2001年7月に創刊した月刊「web creators」は、2010年2月26日（金）発売の2010年4月号にて、創刊100号を迎えます。これもひとえに読者の皆様のおかげでございます。 月刊「web creators」では読者の皆様の日ごろのご愛顧におこたえし、月刊「web creators」創刊100号記念イベントを、月刊「web creators」が主催する定例イベント「Designer meets Designers」のスペシャル版として、Designer meets Designersスペシャル「WebデザインNight! by web creators」というタイトルで、2010年2月25日（木曜日）に、東京・銀座で開催することにいたしました! Designer meets Designersスペシャル「WebデザインNight! by web creators」では、創刊100
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた : らばQ
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた 仕事となるとどんな職業にも、相応の苦労はあることでしょう。 しかしながら今時のWEBデザインには独特の苦労ポイントがあるようで、Webデザインを分析した円グラフが人気となっていました。 今時のWEBデザインについての分析 ブラウザごとに表示のされ方が微妙に違うため、WEBデザインをしている人なら思うところはいろいろあるようです。 海外サイトのコメントも沢山集まっていましたので、一部抜粋してご紹介します。 ・「こんなのはたくさんだ、IE6もたくさんだ、というわけでXBOXで遊んでやる」と言う時間：95％ ・オレにとってはこのCSSのみでってのは本当だよ。よくそうやってテーブルを解決している。 ・IEが好きだってやつがいたら、そいつはスタイルシートを作ったことの無いやつだろうよ。 ・そうだな、あの古いフォーマット。
2010年、押さえておきたいウェブデザインのトレンド
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント 2. 大きい見出し 3. 埋め込みフォント 4. 繊細なテクスチャ 5. ミニマリストとグリッド 6. CSS3 7. モバイル対応 はじめに 2010年はウェブデザインが今まで以上に刺激的で試行錯誤に満ちたものになるかもしれません。 HTML5、そしてCSS3の魅力的な新機能をデザイナーとデベロッパーが巧みに取り入れようとしています。 去年からのトレンドだと、現在は手描き風や大きい背景は少なくな
MdN-Designer meets Designers
テーマは「WEB制作に欠かせない知識と技術の新標準 ～HTML5・ブラウザ動向・Twitter、etc.～」 8回目となる今回は「WEB制作の知識と技術の新基準」です。成熟期に入ったと言われるWebの世界ですが、来る2010年、大きな変化が訪れようとしています。Webは最新のテクノロジーに影響を受けやすく、つい昨日までの知識が一瞬にして古くなるものです。イベントだからこそ聞ける貴重な話が満載のセッションを4つご用意しました。本イベントで2010年の必要な知識と技術を身につけてください。 ●SESSION 1「HTML5の現状と変化への準備－今からできる取り組み－」 次世代HTMLとして注目されているHTML5を解説します。文書構造を書くマークアップとしての側面と、インタラクティブコンテンツ作成に役立つ周辺仕様が存在するHTML5を、どのように捉えて使いこなすのか。今からできるHTML5時代
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
はてなブログ | 無料ブログを作成しよう
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
