ホームページは、掲載する情報が多くなるほど、縦長にスクロールする形になっていきます。 縦長のホームページでは、より多くの情報を伝えるため、「ユーザーに面倒に思われず、如何に自然にスクロールしてもらうか」が課題となります。 今回は、その課題を解決する方法の一つである「スクロールエフェクト(スクロール効果)」を上手に取り入れた"クールなサイト"をご紹介します。 ページを直接確認していただき、それぞれのページのスクロールエフェクトを、ぜひ体感してみてください。 上手にスクロールエフェクトを活用したサイト13選 1.SWISS http://www.world-of-swiss.com/en スイスの国営航空会社のプロモーションサイトでは、航空会社らしく、まるで空を飛んでいるかのようなスクロール効果を取り入れています。 各カテゴリのポイントをクリックすると、また違ったスクロールエフェクトが登場し、

404（Not Found）と表示されるエラーページってあまり見ないですよね。 404ページとは、サーバに接続できたものの、要求に該当するページ情報がサーバが見つけられなかった場合に表示されるエラーページです。 エラーなので普段目にすることは無いのですが、ふとしたタイミングで見た時にカッコ良くデザインされた404ページだと、「ここまでこだわるのか！！」と、サイトの好感度が上がります。 そんな小技の効いた404ページをピックアップしてみました。 404ページデザイン　33選 1. BLIZZARD ENTERTAINMENT https://us.blizzard.com/en-us/error.html 2. Henrik Hedegaard https://henrikhedegaard.com/404/404.html 3. DIL BERT https://www.dilbert.c

Webデザインのトレンドワード「フラットデザイン」。海外事例は多く紹介されていますが、国内事例はあまり見かけなかったのでまとめてみました。 「フラットデザイン」に明確な定義はなく、事例の選別は非常に悩みましたが、要素を含んでいるであろうサイトも含めピックアップしてみましたので参考にしていただければと思います。 フラットデザインとは簡単に言うと「立体感やテクスチャ、影など現実に似せた装飾を排したシンプルで平面的なデザイン」といったところでしょうか。 さらに、グリッドレイアウト、抑えめのトーンでの統一感、ベタ塗り、などが特徴になるかと思います。 詳しくはこちらが参考になりますのでご覧ください。 ・2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ | MEMOPATCH ・今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG 国内「フラットデザイン

作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．グラデーション＋フラットデザイン ２．ダッシュボードの配色例 ３．高級感を出す配色 ページ別 ４．採用ページ ５．404ページ 職種別 ６．和菓子系（不足の美） ７．女性向け（エディトリアルデザイン） ８．医療系 ９

作成：2014/09/29 更新：2014/11/01 Webデザイン > Webデザインの流行りを知るために、トレンド感のある配色や洗練されたレイアウトをつくり上げるために、知っておきたいことや方法など。他に、Web制作において今後積極的に挑戦してみたいものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．ネオンカラー ２．washed out ３．グラデーション ４．マテリアルデザイン 模様 ５．ジオメトリー 背景 ６．背景色を時間の経過で変化させる ７．スクロールで背景固定、コンテンツだけ動かす 一部に動きをつける ８．シネマグラフ ９．線画 (SVG) １０．グリッチ UI・他 １１．ゴーストボタン １２．プレースホルダー １３．ローディングエフェクト １４．pushState １５．ドロアー レイアウト １６．タイルレイアウ

Oneness for good design. Moving toward to a better future together.

こんにちは、もりたです。 先日、色上質無地の付箋紙がたくさん並んだ自分のパソコンをみて、「うわ……色気もへったくれもない……」って愕然としたので、かわいい付箋紙を探すために文房具通販サイトを週末眺めて過ごしていました。 今回はその中からかわいい文房具を扱っている、かわいいサイトをピックアップしてみました！ 必ずほしくなる！ かわいい文房具のかわいいデザインサイト10選 山田文具店 定番の商品から、医療用グッズといった変わったものや、教材グッズ、駄菓子屋グッズなど懐かしいレトロな商品まで扱っているお店。 小学校の保健室で脱脂綿が詰まっていたあの瓶とかあって用途もないのに欲しくなる！ ものすごい数の商品があるので、ずっと見ていても飽きません。 山田文具店 | 文具（ステーショナリー）を愛する人のための、雑貨セレクトショップ OSANPO Shopping オリジナルスタンプなどを販売しているお

Displaying your work in single page design is a hot trend now days. You possibly cannot imagine what designers can do with single pages as modern age designers love to experiment with things and observe how people interact with their work. The best single pages are those that help you convey your message into few quick scrolls. They are well designed and compatible with most Internet browsers. In

It's no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It's imperative because we're not just taking a look online, but we as consumers are beginning to purchase, request info and more from our phones. And we have to be set up, as businesse

中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

株式会社タクトでは、お取扱い情報に関する管理体制のさらなる強化と整備に取り組み、その活動の一環として、この度情報セキュリティマネジメントシステムに関する国際的な認証基準である「ISO/IEC 27001:2013」を取得いたしました。 POINT01 企業のおいしいところを掘りおこします。 高度情報化社会の現代において、価格競争に巻き込まれることなく、顧客に自社の製品やサービスを選んでもらうための必然性を作り出すことが差別化です。 「うちにはそんなものないよ」そうお考えの方は、ぜひタクトにご相談ください。 既にある特長や、潜在的な「おいしいところ」を掘りおこします。 詳しく見る POINT02 戦略から集客まで最適なWeb活用プランを設計する中小企業にちょうどいいWeb制作会社です。 私たちは、これまで500社以上のWEB案件をお手伝いしてきましたが、とくにご指名いただく機会が多いのが、中

株式会社TRYANGLEは、 EC事業の部分最適=点に寄った施策を、 全体的＝面で捉えて本質的に最適化する事業支援を行います。

ここでしか取得できない、優良文字列ドメイン名、著名サイトドメイン名等希少ドメイン名多数アリ！誰でもカンタン参加可能

病気が多様化した時代、医療は人々の暮らし方やニーズの変化とともに、その範囲を広げ、専門化、細分化することで、より高度な治療と安心を提供できるようになりました。 しかし、その進歩とひきかえに、私たちが数多くの選択肢の中から適切な医療を望むとき「どこに相談すればよいか迷ってしまう」という新たな状況を生んだのです。今、多様化した地域医療にもとめられているのは何でも相談できる安心感と、「健やかな暮らし」をともに考えてくれる心強い存在。 私たち和光会グループは、地域との密接なネットワークを構築し、不安の相談から、未病、医療、介護、そして住まいや仕事まで、すべてをつなぎ健やかな暮らしを提供する地域医療における「安心のシンボル」を目指しています。