これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
「デザインの敗北」が明らかになってしまった画像集
一番左の飲み物のボタンを押すと一番右のところから出てくるドリンクバーとか、男性トイレか女性トイレか分からない単色アイコンのトイレとか、規則性のないモニター型の券売機とか、昇降する高さだけを考えたために全く歩幅が合わない公園の階段とか、そういう「デザインの敗北」を集めたい気持ち。
たけまるさんのツイート: "あえて明言してないけど、当事者にだけ分かる素晴らしいデザイン。 https://t.co/kMhgxNSUNQ"
ツイートに位置情報を追加する 位置情報と一緒にツイートした場合、Twitterはその位置情報も保存します。 毎回ツイートする際に、位置情報を付加する/付加しないを選択することができ、いつでも過去の位置情報を全て削除することも可能です。 詳細はこちら
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
🥌えーる on Twitter: "本質的に同じであっても心理的に全く違う例。懐かしいなこれ https://t.co/cfZVXPXc1w"
本質的に同じであっても心理的に全く違う例。懐かしいなこれ https://t.co/cfZVXPXc1w
【日記】仕事部屋をちょこっと模様替えしました。
ふと、部屋の色彩が暗いから気分が滅入るのかもと思いカーテンをダークブラウン単色からクリーム色がベースのビクトリアンスタイルに、カーペットもダークブラウンからモスグリーンに変えてみました。久しぶりの模様替えです。 机はL時型に配置していて、アナログ作業はこちらの机。横浜で買ったブリキの電車が真ん中にドカンと置いてあります。 薄型のLEDトレス台ほしいなあと思いつつこのレトロ品なかなか壊れずに十数年がんばってくれてます。 デジタル作業はこちらの机。ペンタブレットはwacomのIntuos3。10年現役で活躍中です。windows10が対応してないというので近々お別れかもしれない。 うしろはこんな感じ。帽子掛けを自作してみました。本棚がもう一杯で処分するか増設するかせねば。 棚の上にブックボックス重ね置き。ちょっとしたものを入れておくのに便利なんです。部屋の額装絵画はほぼ全てミュシャかロックウェ
最近Webデザイン界で流行っている「Duotone」をうまく使えば超イケてるサイトに様変わりするに違いない - Brian'z Imagination
その昔アンディ・ウォーホルという巨匠が描いたマリリン・モンローのポップアートのレプリカが4年くらい前にマンションに飾ってあったのを思い出すけれど、最近Webデザイン界では海外を中心に「Duotoneデュオトーン」と呼ばれるデザインが流行りだしている。 シンプルでありながら、ポップでビビッドで非常に印象に残るデザインなので、「Duotone」を極めれば超イケてるサイトになりそうな予感。 最近流行っている「Duotone」って何ぞ？ 「Duotoneデュオトーン」は「Duo(2つの)」＋「tone(色)」をあわせた言葉で、ベースとなるミドルトーンとハイライトカラーの2色を中心に描き出されるハーフトーン作品のこと。Duotone作品自体は昔から存在するのだけれど、昔のアーティストが一生懸命に写真をつなぎあわせていた時代から時が経ち、Photoshopのアップデートで簡単に写真を加工してDuoto
スティーブ・マッカリーの作品から学ぶ、絶対に覚えておきたい「写真の基本構図」9パターン＋α
当代を代表するアメリカの写真家スティーブ・マッカリー氏が撮影した作品を元に、写真を撮る際に基本となる9種類の構図を分かりやすく解説している動画です。 スティーブ・マッカリー(Steve McCurry)氏は、ナショナルジオグラフィック誌（1985年6月号）の表紙を飾った「アフガニスタンの少女(Afghan Girl)」が世界に大反響を巻き起こしたことでも知られる当代を表する写真家の一人。ロバート・キャパ賞や世界報道写真賞など数多くの賞を受賞しており、65歳（1950年生まれ）の現在でも世界中を飛び回って心揺さぶる作品を撮影し続けています。 「一流のプロ・ファッション・フォトグラファーがおもちゃのカメラで撮影した写真が凄い」でもよく分かりますが、機材も非常に重要なモノではありますが、最終的に最も重要なものはやっぱり本人の腕。基本の構図を押さえ、腕とセンスを磨けばとても素敵なフォトグラファーに
「不思議のダンジョン」の絶妙なゲームバランスは、たった一枚のエクセルから生み出されている！？ スパイク・チュンソフト中村光一氏と長畑成一郎氏が語るゲームの「編集」
過去の名作ゲームの企画書を見せてもらい開発秘話を聞くシリーズ「ゲームの企画書」。連載3回目となる今回は、「不思議のダンジョン」シリーズを手がけてきた、スパイク・チュンソフトの中村光一会長とディレクターである長畑成一郎氏に話を聞いた。 「1000回遊べるRPG」という衝撃的なキャッチフレーズで登場した『トルネコの大冒険 不思議のダンジョン』から、20年の時が経った。 (C)Spike Chunsoft Co., Ltd.ALL Rights Reserved. パソコンゲームの名作『ローグ』のシステムを換骨奪胎し、親しみやすいキャラクターで『ドラクエ』ファンにアピールすることに成功した本シリーズは、現在も多くのファンを魅了し続けている。 そんな本シリーズのインタビューだが、スパイク・チュンソフトの中村光一会長にインタビューをお願いすると、「ぜひ本シリーズ開発者の長畑氏を同席させてほしい」との
IoTのシステム構成図が描けるアイコンセット、ソラコムが無償公開。IoTデバイス群、ドローン、監視カメラ、SIMなどを表すアイコンも
IoTのシステム構成図が描けるアイコンセット、ソラコムが無償公開。IoTデバイス群、ドローン、監視カメラ、SIMなどを表すアイコンも IoTデバイス向けの通信サービスをクラウドで提供するソラコムは、IoTデバイス群やドローン、SIMなどの最近のIoT関連デバイスから、基地局、交換局、インターネット、サーバ、データベース、ユーザーなどの一般的なものまで、IoTなどのシステム構成図を描く際の部品として使えるさまざまなアイコンを揃えた「SORACOM アイコンセット」を公開しました。 以下はその一部です。 SORACOMアイコンセットは、PowerPoint形式、SVG形式、PNG形式のファイルで提供されるのに加え、オンライン作図ツールのCacooでもステンシルとして提供されます。 使用にはSORACOM アイコンセット使用ガイドラインが定められており、SORACOMの使用に言及する場面などでの
はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。(vol2) - Yukihy Life
コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 2015/11/21追記：11/20より、ツイッターのシェア数の取得ができなくなりました。(参考：持続的なプラットフォームのための難しい決断)これにより、ツイッターのシェア数の部分を「Twitter」と表示するように変更しました。 2016/1/11追記２：当ブログのシェアボタンを使っているかたのみ、Twitterのシェア数を表示させるようにする記事を書きました。詳しくは「count.jsoonを使って当ブログのシェアボタンを使っている方のTwitterカウント数を取得する方法 - Yukihy Life」をごらんください。 2016/5/18追記３：Faceboo
ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多
新しいGoogleのロゴは線（ストローク）だけでは表現できません
Illustratorの線幅ツールを除いて（先に書いておく）。 ●新しいGoogleのロゴは線だけで表現ができる…？ すごい！というわけでGIZMODOにこんな記述がありました。 他のユーザーさんの指摘では、新ロゴはフィル（fill、塗り）ではなくストローク（stroke、線）でも作ることができるそうです。これも旧ロゴではありえなかった特徴の1つ。 グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして？（ギズモード・ジャパン）そうなのか？と新しいGoogleのロゴを改めて見てみました。 画像出典：Evolving the Google Identity（Google Design） しかし、どうも線（ストローク）だけでは難しそうに感じました。 上記画像のあるGoogleのページには、こんな説明もあるので、見てみると、確かに線（ストローク）だけでGoog
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
The Dancing Traffic Light Manikin by smart
We believe that smart ideas can turn the city into a better place. Like a dancing traffic light manikin that makes people wait and watch rather than walk through the red light. FOR more safety. #WhatAreYouFOR More information about smart: --- http://www.smart.com --- http://www.facebook.com/smart --- http://www.youtube.com/smart --- http://twitter.com/smart_worldwide --- http://pinterest.com/
1520夜 『デザインの小さな哲学』 ヴィレム・フルッサー − 松岡正剛の千夜千冊
先週、小耳に挟んだのだが、リカルド・コッキとユリア・ザゴルイチェンコが引退するらしい。いや、もう引退したのかもしれない。ショウダンス界のスターコンビだ。とびきりのダンスを見せてきた。何度、堪能させてくれたことか。とくにロシア出身のユリアのタンゴやルンバやキレッキレッの創作ダンスが逸品だった。溜息が出た。 ぼくはダンスの業界に詳しくないが、あることが気になって５年に一度という程度だけれど、できるだけトップクラスのダンスを見るようにしてきた。あることというのは、父が「日本もダンスとケーキがうまくなったな」と言ったことである。昭和３７年（１９６３）くらいのことだと憶う。何かの拍子にポツンとそう言ったのだ。 それまで中川三郎の社交ダンス、中野ブラザーズのタップダンス、あるいは日劇ダンシングチームのダンサーなどが代表していたところへ、おそらくは《ウェストサイド・ストーリー》の影響だろうと思うのだが、
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 | アプリマーケティング研究所
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか？ 閑歳： 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか？ 閑歳： 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
深津 貴之 / THE GUILD / note.com on Twitter: "iOSの画面遷移の設計は、「名詞は横、動詞は縦」と覚えよう。メール、ユーザー、アイテムなど名詞系をタップすると横にスライドして画面遷移。編集、投稿、ログインなど動詞系をタップすると縦スライドして画面遷移が基本だ。最近は例外も多いが、悩んだら基本はそれで間違いない。"
TechCrunch
デザイナーが考慮すべき「錯視」のあれこれ | Swings
