allWeb制作フローが変わる!便利な最新オンラインツール43個まとめ【2020年版】2020年2月21日ずっと使える、デザインの基本まとめました。Designs」が公開されていたので、今回はご紹介します。アニメーションを得意とした、シングルページWebサイトのトップページなどに利用されているケースも多く、よりビジュアルをたのしみながらも、ユーサビリティーも考慮したサイトつくりの参考になるのではないでしょうか。Reflektorスマートフォンとパソコンで同じページを開くことで、じぶんの動きに合わせて、光を放つAR技術が採用された、新しいテクノロジー。Chromeでご覧ください。Petty利用している各種ソーシャルメディアサービスにリンクしており、名刺代わりに使いたいシングルページ。Designイタリアを拠点に活動するデザイン事務所の公式ページで、ジェスチャー機能付きイメージギャラリーを、トップページに配置しています。Sunnyインパクトのある高解像度イメージ写真に、極太フォントを組み合わせることで、写真集のような雰囲気を演出したサイト。Inside映画予告トレーラーを、そのまま背景デザインとして映し出すことで、圧倒的なインパクトを与えるサイト。ストーリに合ったコンテンツレイアウトがナイス。Kampaniaイメージ写真と動画を、コンテンツごとに切り替えながら、コンテンツを魅せていく仕掛け。右側のナビゲーションメニューで操作可能となっています。Muumilaakso日本でもおなじみのムーミン公式サイトで、物語で使われている挿入画をスライドさせています。やさしい配色とフォント選びにも注目です。Designerピンク色を大胆に利用したイメージ写真は、ユーザーの目線を捉え、全体のカラーリングを統一する役目としても働きます。Architects十字キー操作に対応し、ポートフォリオ写真をスライド形式で紹介しているサイト。Creativeテキサス州ダラスにある、ちいさなデザイン事務所で、女性デザイナーらしい淡い色使いに、かわいいユニコーンイラストが印象的。AB写真加工レタッチを加えた一枚を使い、コンテンツは極力シンプルにレイアウトされています。Bio-Bauernhof右端に用意されたアイコン型メニューをクリックすると、景色がズープアップされていくユニークな仕掛けが、。Panisseパリにある歴史を感じるレストランで、中央に表示されるロゴマークをクリックすると、コンテンツが展開します。ReelagramInstagramで加工した写真を、レトロなリール式ネガ写真にしてくれるユニークサービス。Konimee世界的に有名なニューヨークの街並をバックにし、各コンテンツをカラフルな配色でまとめており好印象。CatScarfタイトルのままですが、猫用スカーフを制作、販売しているユニークなサイト。実際に猫がスカーフをしている、かわいらしい様子を伺えます。WerkPress落ち着いた配色が、デザイン制作の参考になりそうだったので、メモとして。フラットデザインを意識した、ミニマルデザイン。Neon巨大タイポグラフィーとモノクロ写真の、迫力ある組み合わせにはじまり、全体をダーク系でまとめたフラットデザインを採用。Goods背景に写真ではなく、動画を利用することで、よりコンテンツとマッチしたデザインに仕上がったスポーツ用品店の特設ページ。OXYDO左上隅に表示されているメニューがすこしわかりづらいですが、アート性の強いデザインアイテムを、すっきりとまとめたレイアウト。Apparelマウススクロールに合わせて、カラフルなアニメーションを使い、コンテンツが次々に出現する仕掛けが素敵です。フルスクリーン写真がインパクトのある、WebサイトデザインまとめWebサイト制作で使いたい、フルスクリーン系無料プラグインまとめ[note_box]フルスクリーン写真を利用したWebサイトの多くが、アップルのプロダクトページのような、コンテンツごとにページが切り替わるアニメーションが実装されていました。いくつか無料スクリプトを一緒にまとめていますので、デザイン制作時に活用してみてはいかがでしょう。5Sページをそのまま再現した無料スクリプト。1行のコードを書き加えるだけの簡単設定。[/button_square]FullPage.JS各ナビゲーションメニューをクリックすると、アニメーション付きでコンテンツが移動するスクリプト。タブレット端末にも対応しています。Conceptパネルをめくるようにコンテンツを展開させる、独特のうごきを演出したjQueryプラグイン。[/button_square]フルスクリーン写真を利用した、印象的なWebサイトデザイン50個まとめこちらの記事でも、フルスクリーン写真を使ったスライド向けスクリプトを、一緒にいくつかまとめています。ダイナミックなエフェクトが魅力、パララックスWebデザインまとめより動きのあるサイトづくりに使いたい、パララックス系プラグイン9個をまとめています。Earthから無料ダウンロードできる美しい壁紙1000枚がリリース!商用利用も可能に2020年2月17日300年以上前のイラスト画15万枚がパブリックドメイン公開中!無料ダウンロード、二次創作も可能に2020年2月13日おめでとうDCJ!2周年記念で人気素材集が99%オフの特別再販大セール中2020年2月12日ずっと使える、デザインの基本まとめました。