カスみたいな木“カス木”が多い日本の謎．Googleストリートビュー×MITで緑化分布地図がつくられはじめた今、世界に学ぶべきは「育てる心」と「管理のデザイン」！｜大西正紀
カスみたいな木“カス木”が多い日本の謎．Googleストリートビュー×MITで緑化分布地図がつくられはじめた今、世界に学ぶべきは「育てる心」と「管理のデザイン」！ 前回取り上げたのベンチと同じように、日本のまちを歩いていて、気になってしょうがないやつがいます。 それは「樹木」を含めた「植栽」です。街路樹であったり、もしくは建物の敷地内に設けられる植栽たち。まずは、ちょっとだけ見ていきましょうか。 東京の清澄白河。清澄白河から現代美術館へ抜ける道。もちろん、小さなお店が増えてきていて、グランドレベルのコンテンツが充実してきていることはあるのだけど、この通りが人を引きつける魅力は、この樹木たちに支えられているところが大きい。樹木なくしてこの通りなし。 大好きな東京国際フォーラムの中庭。樹木に覆われながら、いつも通り抜けられて、座れる、パブリックスペースや空地のお手本のような場所。この樹木を設置
配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1
これがミニチュア!? Mozuがつくるコンセントの向こうの「小さな暮らし」
一見、なんの変哲もないコンセントが実は扉になっていて、開けるとそこには小さな部屋がある。そんな世界を描いた動画「こびとシリーズ」をご存じでしょうか。今回は若きミニチュアアニメクリエイター・Mozuさんに自分の部屋や友だちの部屋をつくった理由、将来の夢についてインタビューしました。 「自分が大好きな部屋」をミニチュア作品にしたら、バズった！ コンセントを開けると部屋？と言われても混乱してしまう人も多いでしょう。まずは手掛けた作品をご覧ください。 「こびとの秘密基地」
紙パックを逆さにして容器ごと取り替え 新しいディスペンサーが登場 | Webマガジン「AXIS」 | デザインのWebメディア
▲Photographer：Akihiro Yoshida デザインオフィス nendo は、三菱商事パッケージング と 日本製紙のために、ハンドソープやシャンプー、ボディソープなど用の新しいディスペンサーをデザインした。 詰め替えの習慣は一般化しつつあるが、同じ容器を何度も繰り返して使うことは、衛生面での課題があり、さらに、プラスチック製リフィル容器の廃棄は環境破壊の要因にもなりうる。 このような問題を受けて、つねに清潔さを保ち、廃プラスチック対策にもつながるような容器ごと取り替えるディスペンサーをデザインした。 ▲Photographer：Akihiro Yoshida ▲Photographer：Akihiro Yoshida まず、牛乳に用いられるものと同じような形状の屋根型の紙パックを取り替え用の容器として利用し、直接ディスペンサーポンプを挿入する仕組みを作り上げた。 ▲Phot
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
色覚異常と電子工作
あまり意識していなかったのですが、同じ会社の方に「色覚異常だと、この色は区別ができないよ」と言われて初めて気づきました。 ということで、色覚異常でも見やすいLEDの組み合わせについて考えてみました。 なお、ここで言うLEDの色は、RGB LEDの組み合わせによる調色ではなく、その色の波長で発光するLEDのことです。RGB LEDは加色混合でいろいろな色を表現できますが、色覚異常は特定の波長の感度が低かったりで同じような結果にならないからです（人によって違うそうです）。 目標としては「危険」「警告」「正常」の3つの状態を、色覚異常の人でもそうでない人でもマニュアルなしに正しく認知できること、です 朝からググりまくったのですが、「区別できない2色の組み合わせ」はたくさんありますが、「区別できる3色」はなかなか見つからず……ようやく見つけたのがこちらです。 色弱とは? 日本人男性の20人に1人い
tagtype Garage Kit | Takram
「tagtype」は日本語入力のためのデバイスです。日本語は50の音節文字から構成され、それらは子音10文字×母音5文字のマトリクスでまとめることができます。tagtypeの入力方式は、5個ずつ2列に配置された10個のボタンを用いて五十音の行と段を交互に入力していくものです。これにより、既存のQWERTY 配列のキーボードに比べ、より簡易で直観的な操作が可能になります。tagtypeの入力方式はソニー株式会社および株式会社ベネッセコーポレーションによって製品に採用されました。 背景 – 従来のキーボードの限界キーボードは欧米のオフィス環境に合わせ、プロのタイピストのためにデザインされたのがはじまりです。机に向かい両手10本の指を自在に動かすことで操作できるよう設計されています。しかし、インターネットやPCの到来により、ユーザの使い方や体験は多様化しました。これまで普遍的なインターフェースと
メルカリが検索に「売り切れ品」を置く理由、初期のLINEが友だち追加を「電話番号マッチング」に絞った理由など、アプリのマーケティング施策まとめ30｜アプリマーケティング研究所
2017年〜2020年（+α）に取材した記事から、今でも参考になりそうな施策などまとめてみました。※ 数値等はあくまで取材当時のものです。 1、フリマアプリの検索結果に、あえて「売り切れ商品」を表示している理由（メルカリ）フリマアプリの「メルカリ」では、検索をかけると販売済みになっている、「売り切れ品」も表示されるようになっている。 あるとき邪魔ではないかと、検索結果から「売り切れ品」を消してみたら、あらゆる数値（継続率・購入率など）が悪化してしまった。 実は「売り切れ品」を置いておくことが、ユーザーに「これ買いたかった」「マメにチェックしとこう」と思ってもらう、うまい演出として機能していたのが理由。 2、コメント欄のタイムラグを小さくすると、コメント率が改善されて荒れにくくなる（ミラティブ）配信アプリの「ミラティブ」では、コメント欄のタイムラグを小さくしたところ、コメント率が改善されたと
ややこしかったモールス信号を簡単に覚えられる1枚の斬新な図とは
「トントントン、ツーツー」というふうに、長さの異なる符号を組み合わせて文字や数字を表すのが「モールス信号」です。たった2つの符号しか使わないモールス信号ですが、文字ごとのパターンを覚えるのが大変なもの。そんなモールス信号を簡単に覚えるためのイラストが公開されています。 Just Learn Morse Code ( Download ) http://qrznow.com/just-learn-morse-code-download/ そんなモールス信号を覚えるのに役立ちそうなのが以下の図。各アルファベットを表す符号がどういった短点と長点の組み合わせなのかがひと目で分かるようになっています。 図では各アルファベットをモールス信号で表す際にはどのような点の組み合わせになるのかが示されており、どの点からスタートするのかは「1」という数字で表されています。「S」は短点3つで表し…… 「O」は長点
上野学「オブジェクト指向デザインの道具論」 | ÉKRITS / エクリ
——— 上野さんが出版された本『オブジェクト指向UIデザイン※1』は、体裁が実用書という形で、副題には「使いやすいソフトウェアの原理」とあって、そしてユーザーインターフェース（UI）の「操作性と開発効率の劇的な向上」と書かれています。なので、基本的にはUIデザイナーの人たちに向けた実用マニュアルみたいなもので、そこをメインターゲットとして想定しているんでしょうか。 上野： これは技術評論社という出版社の一連のシリーズなんです。もともとコンピューター関係の技術本を出してるので、想定読者としてはコンピューター技術者ですね。たぶんこのシリーズで初めてのデザインに関する本なんですが、技術者向けの枠組みでデザインについて書いています。担当編集者の方には、前から雑誌記事でお世話になっていて、僕がどういうことを書くのかよくわかっていたので、かなり好きなことを書かせてもらいました。 § ——— ただこの「
現役Vueエンジニアが参考にしているフロントエンド素材まとめおすすめサイト４選 - Qiita
今回の記事ではフロントエンド開発で参考にしているサイトを紹介していきます。 どれも動くCSS素材やコピペだけで簡単に実装できる素材がまとまっています。 気に入ったサイトを自己判断で参考にしてみてください。 TwinzLabo コピペだけで作れるデザインレシピを公開しています。動きのあるデザインやオシャレなWebデザインなど様々な記事があるのでおもちゃ屋さんに来たかのように楽しめます。記事に使用しているアニメーションはVue環境で作成されているので普段Vueで開発している方はコピペだけできれいに反映させることができて便利です。記事で紹介されているコードひとつひとつに詳しく解説がついているので初心者にはありがたいかと思います。 Free Frontend By using freefrontend.com you accept our cookies and agree to our priv
TypeScriptで学ぶデザインパターン〜Factory Method編〜 - Qiita
対象読者 デザインパターンを学習あるいは復習したい方 TypeScriptが既に読めるあるいは気合いで読める方 いずれかのオブジェクト指向言語を知っている方は気合いで読めると思います UMLが既に読めるあるいは気合いで読める方 環境 OS: macOS Mojave Node.js: v12.7.0 npm: 6.14.3 TypeScript: Version 3.8.3 本シリーズ記事一覧(随時更新) TypeScriptで学ぶデザインパターン〜Iterator編〜 TypeScriptで学ぶデザインパターン〜Adapter編〜 TypeScriptで学ぶデザインパターン〜Template Method編〜 TypeScriptで学ぶデザインパターン〜Factory Method編〜 TypeScriptで学ぶデザインパターン〜Singleton編〜 TypeScriptで学ぶデザイン
北欧のUXデザイナーが日本の文化から学んだこと
Usable MachineのUXデザイナー/Design Matters。デザインと技術に関して書くことが大好きなデザインオタクです。 日本人は、複雑なデジタルテクノロジーを使いこなし、伝統文化からインスピレーションを引き出すことの本当の意味を理解していると言えます。私たちは北欧のデザイナーとして、日本のデザインと文化から学ぶべきものを見つけたいと思いました。そこで私たち、Design MattersのJulieとMichaelは、デジタルデザインの新しい視点を見つけるために東京に５日間、滞在してみることにしました。 日本はデザインの文化においてクオリティの高さは良く知られていて、特にテクノロジーの分野で高い評価を得ています。しかし、日本のデジタルプロダクトと非デジタルプロダクトのデザインはまったく異なることに気が付きました。インテリアデザインを始めとした日本の非デジタルデザインについて
How To Design Powerful Narratives On Mobile — Smashing Magazine
Want to build a website or PWA that attracts a large audience and then converts as much of that audience into paying customers as possible? If that’s the case, what you need to do is use storytelling in your design — and there are a bunch of ways to do this. The key is to pair your client’s story, brand image, and goals with the style of story you decide to tell. Stories don’t always have to be to
2020年流行するであろうwebデザインのトレンド - Qiita
ここ最近はざっくり言ってしまえばフラットデザイン2.0、マテリアルデザインが主流になっていると思います。 視認性もよく操作もしやすいのが好まれる傾向になっています。 そんな中でこれからあるいは、今も流行っているものもありますが2020年で流行するwebデザインを紹介したいと思います。 正直webデザインの流行ってすぐに広まるものでもないと思うのですでに流行っているものも紹介しています。 なるべくサイトも載せていこうと思いますが、ページが更新されて違うデザインになっていたり、サイトがなくなってしまっていたらごめんなさい。 ・ダークモードに対応したデザイン ios13からiphoneでもダークモードが搭載されました。 すでに対応しているサイトもありますがまだまだダークモードに対応していないサイトが多く見られます。 目に優しいから、かっこいいからなどの理由で利用している人は多いと思いますのでこれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
中野 浩明 on Twitter: "NDC大黒大悟さん率いる、大黒デザイン研究室がデザインしたピクトグラム。買えるなら買わせて！いくら！？っていうテンションで見たら、利用規約の範囲内であれば、個人、法人、商用、非商用を問わず、だれでも無料で利用可能て、凄すぎませんか… https://t.co/qLcQgJIzu7"
絶望的にデザインセンスがありません。デザインセンスって鍛えられるものですか？どんな事をすれば身につきますか？ - Quora
Neumorphism/Soft UI CSS shadow generator
デザイン・イラスト関連の良書がいっぱい！SBクリエイティブ50％ポイント還元キャンペーンがKindleストアで開催
色の名前、日本語と英語での色の名前、世界各国の伝統色の名前が分かるサイトのまとめ
