Webデザイン

777922da 名無しさん 2017-01-31 22:51 返信
@markdown
bootstrap 4 をベースにカスタマイズされた管理ページ向けのテーマ
[CoreUI - Free Bootstrap Admin Template](http://coreui.io/)

ちょっとしか触ってないけど、わりと丁寧に作られてて良い
0a46aef8 名無しさん 2017-02-01 23:01 返信
>>777922da
結構タグの構造が違ったりしてて、bootstrap 用に作られたライブラリが動かなくて修正に時間がかかる
急いでるとき使うのは難しい
d64f7195 名無しさん 2017-02-02 22:35 返信
@markdown
[Amazon.co.jp: ノンデザイナーズ・デザインブック [第4版] eBook: Robin Williams, 吉川 典秀, 小原 司, 米谷 テツヤ(日本語版解説): Kindleストア](https://www.amazon.co.jp/%E3%83%8E%E3%83%B3%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%82%BA%E3%83%BB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-%EF%BC%BB%E7%AC%AC4%E7%89%88%EF%BC%BD-Robin-Williams-ebook/dp/B01LW1BC2L)
デザイナーじゃない人でもデザインの基礎的な理論を学べる。良かった
cdbf352d 名無しさん 2017-02-03 00:26 返信
>>d64f7195
この本では 4 つの基本原則として以下を挙げている
* コントラスト
* 反復
* 整列
* 近接
053dedb6 名無しさん 2017-02-03 00:50 返信
コントラストは、違うものははっきりと異なる表現にすることで、違いをわかりやすくしようということ。
最近の Web デザインではおなじみだけど、見出しは大きなフォントサイズで font-face も変えたり、
bold にして注意をそちらに向けさせる。そうすることで、見出しだけサラっと読んだりできる。
フォントサイズの強弱をジャンプ率と言って、最近はこのジャンプ率が高い、つまりサイズの差が大きい傾向にある。
他にもそのページで最も重要なパーツだけ色を変えるなどして、目立たせたり。

どちらにせよ、サイト全体の設計として考えないといけないので、行き当たりばったりで作ると
なにが重要か整理できないのでわかりにくいデザインになってしまう。思い切りが大事。
e819fde4 名無しさん 2017-02-03 00:55 返信
反復は、例えばサイトのテーマカラーをいろんなページで出現させることで、統一感を出させる。
まあ、つまり統一感だな。
色を使いすぎると何がどこに使われるのか、その法則が推測しにくくなるので、統一感を出すのは難しくなる。
よく、ベースカラーが 7 割、セカンドカラーが 2 割、アクセントカラーが 1 割と言われるのはこれが理由だろうと思う。
40c9e428 名無しさん 2017-02-03 00:58 返信
整列は、見えないグリッドに沿ってパーツを配置しようということ。
直線に沿って配置されていると気持ちよく感じる。整列と反復さえやれてれば、それなりに美しく見える
ab7f88ee 名無しさん 2017-02-03 01:10 返信
近接は、関係のあるものは近くに配置して、ないものは離すということ。
関係性で構造化して、近づき具合でそれを表す。グルーピング。
e8e3a056 名無しさん 2017-02-03 01:11 返信
整列は一番わかりやすい原則。ちゃんとデザイナーが作ってるサイトはどれも線が見える。

[0]トップ | [2]ページの先頭 | 保管庫

ネットワーク利用規約
(最大: 1536KB)
名前:
E-mail:

(Webデザイン/9/0.0MB)

Powered by shinGETsu.