Webサイトにおけるユニバーサルデザインの基本｜セブンデックス
すべての人が暮らしやすい社会を目指すために、注目されている「ユニバーサルデザイン」。公衆トイレや図書館など、公共施設で耳にすることが多いのではないでしょうか。 「ユニバーサルデザイン」と「Webデザイン」にはあまり関連がないように思われますが、世界中の誰もが自分の好きな時にアクセスできるWebは、もともとユニバーサルな性質を持っています。本記事では、ユニバーサルデザインの定義やルール、そしてWebデザインに活かせるユニバーサルデザインの視点を紹介します。 また、ユニバーサルデザインの活きる場として、Webデザインの他にもUIデザインの分野も含まれます。UIデザインについて知りたい方はぜひ以下の記事もご覧ください。 ユニバーサルデザインとは？ ユニバーサルデザインの意義・定義 ユニバーサル（Universal）には、「全員の」「普遍的な」という意味があります。ユニバーサルデザインとは年齢、性
映画『13時間』のタイトルで書体「OCR-A」が使われる理由｜しじみ ｜デザインを語るひと
映画『13時間』のタイトルは「OCR-A」という書体13 Hours /source: imdb.com https://www.imdb.com/title/tt4172430/『13時間 ベンガジの秘密の兵士』は、2016年に公開されたマイケル・ベイ監督の事実ベースのアクションムービー。 ベースになっているのは、2012年にリビアのベンガジで起こったアメリカ在外公館襲撃事件。事件ではアメリカ大使を含む4人が殺害されています。映画そのものも大変おもしろいのですが、今回注目するのはタイトルに使われている書体おOCR-A」。 「OCR-A」という書体By ZoeB - Own work, CC BY-SA 4.0, https://commons.wikimedia.org/w/index.php?curid=86667974OCR-Aとはこんな書体です。映画のみならず、ゲームなどにもよく登
なぜデザイン思考はゴミみたいなアイデアを量産してしまうのか｜サカキバラ・ケイ
デザイン思考がもてはやされてしばらく経ちましたが、デザイン思考の成功例、何か思い出せますか？仮に思い浮かんだとしたら、その「成功例」は本当にデザイン思考によって生まれたものですか？ 一応最初に断っておきますと、僕は「デザイン思考はゴミだ」と言っているわけではありません。デザイン思考（デザインシンキング）にも向き・不向きがあるのに、その特性を踏まえないまま変なバッターボックスに立たせた企業が大変シュールな状況に陥っていることを、普段デザインで事業成長を支援している身として危惧しているというわけです。マイナスドライバーでプラスのネジを回すのはやっぱり無理があるし、おもしろTwitterおじさんだった人に大統領をやらせたらそりゃみんな怪我するよね、という単純な話です。 著名デザインファームPentagram New Yorkのグラフィックデザイナーであり教育者でもあるNatasha Jenは「D
お気に入りのボトルが照明に！ LEDライトキット「ボトルライト」日本初上陸
東京・代官山の「代官山 蔦屋書店」にて、「ボトルライト」が発売されています。 ドイツ発、日本初上陸の電池式LEDライト。ワインやウィスキーなどの空き瓶の口から本製品を差し込むと、おしゃれな照明に早変わりします。 バリエーションは2種類。25色の調光とグラデーション機能を搭載した「ボトルライト vivi-LED レインボーBOT05」と、簡単操作で2段階の明るさの調整が可能な電球色の「ボトルライト ウォームホワイト・ブライトBOT04」です。 光源はLEDなので、単3電池3本で100～120時間も発光。また耐水性があるので、室内だけでなくアウトドアでも使用できます。 本体自体は軽くスタイリッシュなデザイン。ご自宅のインテリアにはもちろん、差し込む空き瓶によって雰囲気の違いを楽しめるのでレストランやバーの照明としても活躍します。 「ボトルライト vivi-LED レインボーBOT05」は、製品
ライカMマウント互換のレンジファインダーデジタルカメラ「Pixii」 液晶モニターもカードスロットもなし - ITmedia NEWS
さらに同社は、「レンズは資産だが、カメラのソフトウェアや液晶モニターはすぐに陳腐化してしまう。ソフトウェアを仮想化し、スマートフォンのディスプレイを利用することで、優れた拡張性と耐久性を提供できる」と液晶モニターをあえて外すメリットを語る。 基本スペックを見ていこう。 肝心のセンサーサイズと画素数の記載がないが、CMOSセンサーで画素ピッチは5.5マイクロメートル。もしセンサーがフルサイズなら画素数は約2800万画素、APS-Cなら約1200万画素になると予想できる。ISO感度はデフォルトが200で、100～6400まで対応する。ローパスフィルターはない。RAWは12ビット記録で、グローバルシャッターを採用する。 ビューファインダーは光学式レンジファインダーのみで、倍率は0.67倍。上面右側には簡易的に露出を表示するLEDインジケーターがある。また、上面中央には有機ELで現在の設定が表示さ
デザインがしっくりこないときに試すこと10選【新米デザイナー向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナー兼踊り手のJona（＠jona_yawaraka）です。わたしはLIGブログに掲載されるアイキャッチ（ブログ記事の顔になる画像）、バナー、背景ジャック（大型バナー）など、さまざまな画像を製作してきました。 画像をつくって客観視したとき、「ある程度まとまってはいるんだけどなんだかしっくりこない。でも何が悪いかわからない……」ということありますよね。 わからないときはとにかく手を動かして、いろいろと試してみるとうまくいったりするもの。ということでデザインがしっくりこないときにとりあえず試したい10の簡単な方法を、私の経験を踏まえながら紹介いたします。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情
しっぽり明朝｜商用・同人誌利用可能フリーフォント
◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し
現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG
こんにちは、Web制作会社「株式会社LIG」の代表取締役会長、ゴウです。 今回、LIGで働くWebデザイナーとディレクターにアンケートを取り、制作する際に普段参考にしているかっこいいサイトや、おしゃれなギャラリーサイトを集めてみました。 毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になる、かっこいい・おしゃれなサイトが集まったと思います。 全部で27個も集まったので、ジャンル別に分類もしました。それではいってみましょう！ デザインの引き出しを増やすには？ デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。 💡現役のプロからデザインを学べる「デジタルハリウッドSTUDIO ｂｙ LIG」の詳細はこちらから ※このページは、2021
ワイヤーを制作する時に必ず役に立つまとめ「10 Free & Latest Wireframe Tools and Templates」
TOP > Tool > ワイヤーを制作する時に必ず役に立つまとめ「10 Free & Latest Wireframe Tools and Templates」 デザインをする上で欠かすことのできないワイヤー制作。設計の基礎となるものであり、制作の方針をディレクターに伝えるためのものでもあります。デザイン業務に必ず組み込まれているものだからこそ、便利なツールを使用すれば業務がスムーズになるはず。そんな中今回は、知っていれば業務が楽になるまとめ「10 Free & Latest Wireframe Tools and Templates」をご紹介していきます。 Prototyping tool for web and mobile apps – Justinmind ワイヤー制作を楽に行えるようになるツールがまとめられています。下記にいくつかピックアップしているのでご覧ください。
「和菓子」をもっとおもしろく | ウェブ電通報
電通の若手アートディレクターが考える「○○をもっと面白くするアイデア」をご紹介。今回は、柴谷麻以さんによる「和菓子をもっとおもしろく」です。 伝統の技術で現代ならではの和菓子をつくってみる ──なぜ「和菓子」というテーマにしたのですか？ 柴谷：中・高・大と一緒だった親友が今、ある老舗の和菓子屋に和菓子職人として勤めていて、大人になったら何か一緒に仕事をしたいなぁと昔からよく二人で話していました。この企画では、好きなことを何でもしていいということだったので、その親友に協力してもらうことにしました！ 和菓子は昔から四季折々の風景が描かれていて、とてもきれいなのですが、洋菓子ほど自由なものが少ないなと思っていて、今回、伝統的な和菓子の技術を使いながらも、現代ならではの四季の風景を描くことにしました。 私は和菓子の見た目のことしか考えていなかったのですが、彼女は更に、実際に食べてもおいしい、という
デキるデザイナーはみんな使ってる！背景にすぐ使えるすごいデザインテクニックのまとめ
画像や文字などを配置する時、背景をどのようにするかでデザインは劇的に変わります。 Webや紙のデザインに効果があり、すぐに使える背景のすごいデザインテクニックを紹介します。 Ultimate Guide to Designing With Backgrounds 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 背景のデザインとは ベタ一色の背景 高いコントラストのベタ一色の背景 テクスチャの背景 グラデーションの背景 写真をつかった背景 形をつかった背景 透明の背景 ブラーを適用した背景 カラーをオーバーレイさせた背景 文字のスペースがある背景 パターンの背景 イラストの背景 空白スペースをつかった背景 グリッドをつかった背景 背景のデザインとは 背景はグラフィックデザインを築く基礎となるものです。 テクスチャとカラーはデザインに奥行
建築史に隠されたウェブデザインの未来
ウェブデザインの進化の過程を考えるとき、西洋建築史はとても参考になります。美術の形として、両者は同じ項目で定義することができます。 人が集まる場所として機能する実用的に作られている技術の進歩に大きく左右される実用的だが、間違いなくアートでもあるこのような制約があるなかで、両者の進化の過程はとても似ています。どちらも同じように過去の作品をもとに、その上に新しいものを築いています。もしウェブデザインの未来が知りたければ、建築家が辿った道を見てみればいいのです。
確実に良くするUI/UX設計
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
デザインには直感とデータどちらを採用すべきか？ デザイン会社 ビートラックス: ブログ
求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか？ このような議論はデザイナーの間では普遍的にかわされている。 場合によっては「見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい」等の依頼がクライアントから来るケースも少なくは無い。 クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。 そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的
新Mac OS「Yosemite」のアイコンデザインはどのように変わったのか？
2014年6月3日に行われたWWDC14で最新Mac OSとなる「OS X Yosemite」が発表されました。ヴィジュアルのアップデートが行われたiOS 7に続いて、Yosemiteも曇りガラスっぽい質感のインターフェースや、新しいシステムフォントおよびアイコンなどヴィジュアル面が強化される予定です。そんな改良されたYosemiteのアイコンがどのように変化したのかが検証されています。 Inspecting Yosemite's Icons http://martiancraft.com/blog/2014/07/inspecting-yosemite-icons/ Yosemite以前のOS Xのアイコンデザインは、従来のガイドラインとヒューマンインタフェースガイドライン(HIG)の特徴を組み合わせたものでしたが、Yosemiteのシステムでは一貫してHIGに沿ったアイコンデザインに変
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
COLLIN HUGHES
トヨタ自動車株式会社 生産関係職向けリクルートサイト
iPhoneデザインボックス » きらめきデンタルランド｜東海市の矯正歯科・小児歯科のスマートフォンサイトデザイン
iPhoneデザインボックス » 近畿大学のスマートフォンサイトデザイン
Premium & Free Psd Mock-Up Templates | Pixeden Club
