2021-03

デザインを学ぶ

【webデザイン制作の参考に】2020年から騒がれているニューモフィズムとは?

ニューモフィズムとは? 2020年の初め頃から話題となったニューモフィズム 。 なかなか聞き慣れない単語ですよね。 ニューモーフィズム(Neumorphism)とは、昔流行った、立体的で質感のあるリアルな...
デザイン制作に役立つプチ情報

【webデザイン制作の参考に】ハンバーガーメニューとは?ユーザビリティ低下を防ぐ方法はある?

ハンバーガーメニューって? web業界の方はご存知の、主にスマートフォンやタブレットに対応したWebサイトで使われる三本線「≡」のナビゲーションメニューですよね。 名前の由来はその見た目のとおり、三本線がハンバーガーに...
デザインを学ぶ

【webデザイン制作の参考に】個人的に今気になっている「webデザイン関連」の書籍について調査!

①1冊ですべて身につくHTML & CSSとWebデザイン入門講座 2020年から気になっていたこちらの書籍。 実はつい最近読み始めたwebデザイン関連のブログを運営されている方が著者だと知り、より...
デザイン制作に役立つプチ情報

【webデザイン制作の参考に】8の倍数ルールを用いてデザインを作るメリット・デメリットとは?

8の倍数ルールとは? webデザインについて調べていると見かけるのが「8の倍数」という言葉。 webデザインにどんな関係があるの?と思ったので調べてみました。 8の倍数ルールとは、 Webサイトを作る際に要...
デザイン制作に役立つプチ情報

【デザイン制作に役立つ】視認性もデザインもgood!画像の上に文字を載せる時のテクニック

テクニック①透過の色をかける 画像上に白地を載せたい時って、大体見えにくさで悩みますよね。 そんな時は画像に色を重ねると見えやすくなります。 とは言え、ベタ塗りすると画像が見えなくなるので、適度な透過を加...
Photoshopを上達させよう

【Photoshop】画像の背景を伸ばしたい…そんな時に役立つツールをご紹介!

画像の背景が足りない… 画像をデザインに当て込む時、なるべくならサイズの大きい画像を選ぶべきですが、 左寄せ・右寄せなど画像のトリミングによっては、あとちょっと背景があれば…なんて場面ありますよね。 とてもいい画...
Photoshopを上達させよう

【Photoshop】画像全体または画像の一部を反転させる方法をご紹介!

画像全体を反転させる方法 反転させたい画像を選択した状態で、 メニューバーの「イメージ」→「画像の回転」→「カンバスを左右に反転」を選択します。 その他にも「上下に反転」「180°」「90°(時計回り)」...
デザイン制作に役立つプチ情報

【webサイト制作に役立つ】webサイトのページの途中をURLで指定したい!そんな時の解決方法をご紹介

ページの途中のURLを指定したい! 例えばコーダーさんに希望するサイトの動きを伝えたい時‥ 「このサイトのここを参考にしてほしい!」と言葉で伝えるよりも実際にそのサイトを見てもらった方がいいですよね! でも、基本...
デザイン制作に役立つプチ情報

【webデザインの参考に】商用OKなフリーシルエット素材を扱っているサイトをご紹介!

SILHOUETTE ILLUST 今回シルエットアイコンの素材サイトを探していて、初めて見つけたサイトです! カテゴリが豊富な他、アイコンの種類もバリエーション豊かなので、様々な場面で使えそうです! 今...
デザイン制作に役立つプチ情報

【webデザインの参考に】ユーザーにやさしく使い心地のよいwebサイトを作るために意識すること

「ユーザー目線」への間違った認識 webデザインでは、「ユーザー目線」が必要不可欠です。 特に現代はスマホの普及率も上がっていることから、年齢・性別問わず様々な人がサイトを見ていると仮定しなければなりません。 し...
タイトルとURLをコピーしました