デザインはじめました

WEBデザイン

【Web漫遊記】「シズル感」満載!デザインの宝庫「スシローカフェ」

みなさん、「シズル感」というワードをご存知ですか? 食材・料理関連の広告などで用いられる瑞々しい表現によって「おいしそう!」「のどが渇いた!」などの食欲や購買意欲が刺激されるような感覚のことを指します。 肉を焼いた時の「ジュー...
WEBデザイン

【Web漫遊記】縫い糸の表現が秀逸「紬かけつぎ店」さんのHP

前回から結構間が空いてしまいました、Web漫遊記でございます。 今回紹介するのは、愛知県で衣類の修理を行っている「紬かけつぎ店」さんのHPです。制作はウルトラエルさん。 まず、初めて見たときシンプルながらもインパクトの...
WEBデザイン

4月10日はフォントの日!2022年アドビ企画「#私の推しフォント」が面白そう。

ご存知でしたか、4月10日ってフォントの日らしいですよ。 4(フォン)10(ト)の語呂合わせで、2017年にアドビ社によって制定された記念日だそう。 フォントの日に先駆けて(?)Adobe Fontsに日本語フォントが大量追...
WEBデザイン

【コーディング備忘録】文字の下線を2行目(複数行)以降にも引く方法

先日、cssで下線を引く方法をご紹介しました。 【コーディング備忘録】border-bottomだけじゃない!cssで下線を引く方法 下線を引いた見出しをPC向けに実装すると、タブレットやスマホでの表示にちょっとした問...
WEBデザイン

【コーディング備忘録】border-bottomだけじゃない!cssで下線を引く方法。

文字に下線を引くとき、私が毎回使うのが「border-bottom」 こちらは、直線だけでなく点線や破線にもできるので大変便利なプロパティです。 See the Pen border-bottom by M ...
WEBデザイン

【Google Fonts】無料で使えるWebフォント6選

Adobeのアプリケーションでデザインをしていると、フォントにはついついAdobe Fontsを選びがちではないでしょうか。 しかしWebフォントとして使うには、ちょっと難しいのが現状。(サイト制作者だけでなく、サイトの持ち主もAd...
WEBデザイン

【コーディング備忘録】CSSで文字を斜めにする方法

最近、CSSで文字に角度をつける方法を学びました。デザインソフト上で文字を斜めにすることはあっても、コーディングでは意外と機会がなくやってこなかったんですよね。 またいつか役立つかもしれないので忘れないうちに共有しておきます! ...
WEBデザイン

【Web漫遊記】「日清どん兵衛」や高級不動産の広告から学ぶキャッチコピーの重要性

不動産関係の広告をリサーチしていた時にふと目に止まった「日清どん兵衛」の広告。  「どん兵衛のこだわり」より あの国民的カップ麺が都会の夜景の中で神々しい光を放っている様…かなりのインパクトがあります。図や注釈などの細...
WEBデザイン

【Illustrator】環境設定で単位を変更したのに、なぜか反映されてない!?

タイトルはイラレデータでコーディングしている時にたまに発生する、地味に困るトラブル。 環境設定では単位を「ピクセル」にしているのに アートボード上ではドキュメントの単位が「mm」になっている…。...
WEBデザイン

【Web漫遊記】2カラムの縦長スライダーが特徴的「フクオカバースクリニック」さんのHP

最近、コーディング中心の業務の中でWebサイト研究をする機会がめっきり減っている事に気が付きました。 そこで「Web漫遊記」と銘打ちまして、ステキ!参考になる!やってみたい!など私の琴線(直感が強め)に触れた素敵なWebサイトを紹介...
タイトルとURLをコピーしました