Web制作に役立つ情報一覧

デザインに役立つ！黄金比や白銀比の比率を計算してくれる5つのツール

2018/05/14(Mon) 09:48

世の中には、物事を美しく魅せるための「比率」が存在します。建築や、Webデザイン、通常のデザインなど「なんだか綺麗」と思わせなけらばいけない場面で利用されるこれらの比率。

https://creive.me/archives/2156/

これがしたかった！Illustratorの使い方を学ぶすごいチュートリアル40個まとめ 2018年5月度

2018/05/08(Tue) 09:53

「あのデザインってどうやって作るの？」「デザインの現場で使えるIllustratorの実用テクニックを知りたい。」そんな悩みを解決してくれる Illustrator の基本操作から各ツールの実践テクニックまで、これからをはじめようというひとにもオススメの機能やエフェクトを網羅した、新作デザインチュートリアルをまとめてご紹介します。

http://photoshopvip.net/108665

人気フォントは時代を表す！？現役デザイナーが選ぶ、好きなフォントランキングTOP10＋おまけ。｜デザイナードラフトReport

2018/04/27(Fri) 09:53

弊社のデザイナー曰く、「好きなフォントの選び方で、そのデザイナーのバックグラウンドや、流行を自分の中でどれだけ咀嚼できているかなどが滲み出てくる。」と言っていました。

https://designer-draft.jp/articles/10

フォント男子

2018/04/26(Thu) 09:49

業界初！？フォント擬人化漫画「フォント男子！」特設サイト。様々なフォントに囲まれた豊かな文字の学園生活へようこそ！2018年4月10日のフォントの日よりヤングエースUPで連載開始！

https://promo.kadokawa.co.jp/font-boys/

Webフォントを活用するためのポイントとは？

2018/04/25(Wed) 09:58

Webサイトでも比較的自習に選択・利用できるようになったWebフォント。活用するためのポイントとは？

https://webtan.impress.co.jp/e/2018/04/25/28488

ロゴに適したフォントはこれ！有名ブランドから学ぶ、ロゴのデザインに使用されているフォントのまとめ

2018/04/25(Wed) 09:57

知名度の高い有名ブランドのロゴについて調査をおこない、ロゴに使用されているフォントや最終結果を得るために修正されたフォントをまとめた資料を紹介します。

https://coliss.com/articles/build-websites/operation/design/which-font-was-used-on-the-logos.html

ウェブ画像はPNG？ JPEG？ 新人Web担当者に伝えておきたい使い分けの基本

2018/04/24(Tue) 10:01

写真はJPEG、画面キャプチャや描き図版はPNG。最初はそう覚えておきましょう

https://webtan.impress.co.jp/e/2018/04/17/28977

見出しがh1→h2→h3の順でないと、SEOに悪影響あったりします?

2018/04/23(Mon) 09:49

HTMLの仕様とグーグルのページ評価、そしてユーザビリティやアクセシビリティを含めた判断について考えたい

https://webtan.impress.co.jp/e/2018/04/20/29008

WebデザイナーのためのVue.js事始め

2018/04/19(Thu) 09:48

Vue.jsはサクッと小さく始められるJavaScriptのフレームワークです。「びゅー」と読みます ;) これまでWebデザイナーがjQueryで作成したような動きもVue.jsでも加えられるのですが、jQueryとは違ってHTMLに条件文を加えたり、アニメーションをCSSで設定することで、JavaScript自体のコードをあまり書かなくても実装できちゃいます。

https://www.webcreatorbox.com/tech/first-vuejs

かなりオススメ！商用利用無料のデザインに使いやすい写真素材がたくさん揃ってるダウンロードサイト -Moose

2018/04/18(Wed) 10:01

デザインに使いやすい写真ばかりが揃っており、人物やオブジェクトの背景がベタで、非常に使いやすい写真素材です。スナップ写真のようなものは一切なく、センスがいい写真が無料でダウンロードできます。

https://coliss.com/articles/freebies/free-stock-photos-moose.html