カラーユニバーサルデザイン(CUD)のメモ

配色デザイン

カラーユニバーサルデザイン(CUD)のメモカラーユニバーサルデザイン(CUD)のメモ．現在の最新版であるCUD Version 4 第2版についてのメモである．解説されているページ：カラーユニバーサルデザイン推奨配色セット – 多様な色覚に対応したデザインと社会…

2018-10-16

書籍「やってはいけないデザイン」の読書感想メモ

デザイン雑記

書籍「やってはいけないデザイン」の読書感想メモ無料公開されていた「やってはいけないデザイン」を読んでみたので，その感想メモです．やってはいけないデザイン作者: 平本久美子出版社/メーカー: 翔泳社発売日: 2016/12/17メディア: 単行本（ソフトカバ…

2018-10-03

Adobe XDインストール時の注意メモ

Adobe デザイン

Adobe XDインストール時の注意メモ Adobe XDは，Photoshop CC やIllustrator CC よりもグラフィック（GPU）の要求が高くインストールできない場合があるのでそのメモ．環境 Windows [Version 10.0.17134.285] Adobe XDインストール時の注意メモ環境 Adobe …

2015-09-22

CSS のみで縞模様、水玉模様を作る

CSS Sass デザイン

CSS のみで縞模様、水玉模様を作る CSSのみで、縦縞・横縞、水玉模様を作れることがわかったのでメモ。参考にしたリンクはこちらです。 honttoni.blog74.fc2.com CSS のみで縞模様、水玉模様を作るサンプル縞模様のサンプル水玉のサンプル縦縞・横縞・…

2015-09-16

ドローイングソフト「Inkscape Portable」のインストール

Inkscape デザインドロー系

ドローイングソフト「Inkscape Portable」のインストールフリーのドローイングソフト「Inkscape」のポータブル版をインストールしたのでメモ。 svg などのベクター画像を扱えます。 Illustrator の代替ソフトといわれる時もあります。公式： Home | Inksca…

2015-09-15

オープンソースになったフォント「Roboto」を使ってみよう

Font デザインマテリアルデザイン

オープンソースになったフォント「Roboto」を使ってみようオープンソースになったフォント「Roboto」をインストールしてみたのでメモ。オープンソースになったフォント「Roboto」を使ってみよう Roboto DL, イントールフォントの比較参考リンク Roboto …

2015-09-11

CSS の色指定は、HSL を使っていこう

CSS デザイン配色

CSS の色指定は、HSL を使っていこう色の勉強をしていると、色の3属性として色相 (Hue)・彩度 (Saturation)・明度 (Lightness)が出てくる。しかし、RGBで色を指定しまう（指定する機会が多い）と、この3属性を活かすことができない。。 hsl(); を使えば…

2015-07-13

ワイヤーフレーム、フローチャートなどの無料ドローツール「draw.io」を使ってみる

モック Webサービス UI デザイン

ワイヤーフレーム、フローチャートなどの無料ドローイングツール「draw.io」を使ってみる最近は、ドローイングツールのWebサービスがあります。その中で、使い勝手がいいという「draw.io」を使ってみました。ワイヤーフレーム、フローチャートなどの無料…

2015-06-03

デザイン基礎（配色）

デザイン配色

デザイン基礎（配色）デザインの基礎的な配色関係のリンクが溜まってきたので、保存しておきます。自分なりにまとめたノートっぽいものを後日まとめておきたいと思います。「フォント」、「余白」や「レイアウト」の話は別の記事に今後書きたいと思います…

2015-05-27

動きのあるWebサイト 12選

デザインアニメーション

動きのあるWebサイト 12選カルーセル、パララックス、動画などの動きのあるサイトをまとめておきます。動きのあるWebサイト 12選カルーセル系 au docomo softbank パララックス系探検！京都大学キリン一番搾り IPSA 動画系 CALL of DUTY Brindisa Tapas…

2015-05-22

マテリアルデザインについてのメモ

デザインマテリアルデザイン

マテリアルデザインについてのメモ今後流行るであろうデザインなので、整理も含めてリンクなどをメモしておきます。追記：マテリアルデザインでのデータの可視化について追加。 2015年6月3日マテリアルデザインについてのメモマテリアルデザインの概念 …

2015-05-21

Webサイトをモノクロ表示にするブラウザの拡張機能 (un)clrd

デザイン拡張機能アクセシビリティ Webサイト

Webサイトをモノクロ表示にするブラウザの拡張機能 (un)clrd 以前使用した( 可読性に優れたサイト 8選 - はしくれエンジニアもどきのメモ ) ツールのメモです。 Webサイトをモノクロ表示にするブラウザの拡張機能 (un)clrd (un)clrd 関連リンク (un)clrd (un…