2021-06

デザイン制作に役立つプチ情報

【webデザイン制作の参考に】大手企業サイトを参考に「情報のまとめ方」を調べてみた!

情報をまとめるのって難しい 情報量が多い場合、コンパクトかつユーザーに分かりやすい構造が望まれますが、どう工夫するかが重要になってきますよね。 こういう時は色んな事業を行っていて情報量の多いサイトを参考にするとベストです! ...
デザイン制作に役立つプチ情報

【webデザイン制作の参考に】TOPページのレイアウトの参考になるサイトを調べてみた!

マンネリ化を防止するために TOPのデザインはクライアントやユーザーの心を掴むために、インパクトのあるものを作りたいですよね。 ですが、どうしてもマンネリは発生してしまうもので、特にレイアウトって同じパターンが多くなりがちです...
コーディングを学ぶ

【webサイト制作に役立つ】CSSで正円・角丸を作る方法を調べてみた!

CSSで正円や角丸が作れる デザインを作っていると、正円を初めとしたオブジェクトって画像として書き出してコーディングしているのかと思いがちですが、CSSで簡単に作れちゃうんですよね。 すごいですよね… でも%とか...
コーディングを学ぶ

【webサイト制作に役立つ】HTMLの書き方を復習しよう

コーディングを思い出そう デザインをメインでやっていたのでHTMLやCSSに触れる機会が減ってしまいました。 それに、最近デザインを作っていて思うのが「先(コーディング)を考えたデザイン」がなかなかできていないことです...
デザイン制作に役立つプチ情報

【webデザイン制作に役立つ】ポータルサイトを作るときに参考になるサイトをまとめてみた

ポータルサイトとは 普段なかなか口にすることのないワードですが、「ポータルサイト」は私たちの身近にたくさん存在しています。 私も今回調べてみるまで「これがポータルサイト」という定義がイマイチ分かっていませんでした。 ...
アニメーションまとめ

【web制作に役立つ】コーダーもデザイナーも参考になる「動くWebデザインアイディア帳」を調べてみた!

「動くWebデザインアイディア帳」とは? 「jQueryとCSSアニメーションをはじめたばかりの方へWebデザインのスクール講師が「動かしたいパーツ」ごとの逆引きリストをつくりました」 …とサイトに書かれている...
アニメーションまとめ

【webデザイン制作の参考に】ワンランク上のデザインに!シンプルで取り入れやすいアニメーションをまとめてみた!

アニメーション①一部のイラストを動かす こちらのサイトにはページ全体に複数可愛らしいイラストが配置されているのですが、 そのイラストたちが定期的に動きを見せてくれます。 動きはとてもシンプルですし、特別な...
デザイン制作に役立つプチ情報

【webデザイン制作の参考に】ボタンをホバーした時のアニメーションをまとめている記事を調べてみた!

ボタンに凝っているサイトは素敵 サイトのデザインに時間をかけてしまい、ボタンにはあまり手間をかけられていない今日この頃。 でも、ボタンにこだわりを持っているサイトを見ると「素敵だな〜」と思うわけです。 ということ...
デザインを学ぶ

【webデザイン制作の参考に】今気になっているwebデザインをまとめてみた!

①見ている人を飽きさせないサイト まずファーストビューから印象的なこちらのサイト。 サイト全体を見て感じたのは見る人を飽きさせない・人の心を掴むのがとても上手なレイアウト・デザインだと感じました。 複数の...
デザイン制作に役立つプチ情報

【webデザイン制作の参考に】このレイアウト素敵!デザインでやってみたいレイアウトをまとめてみた。

①左右どちらかに寄せるレイアウト 最近画像を左右どちらかに寄せるレイアウトに興味があって、いずれデザインで取り入れてみたいな〜と思っていました! このレイアウトって、片方に隙間があることでサイトを見た時の窮屈感...
タイトルとURLをコピーしました