上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける人気の高いレイアウトやコンポーネントを簡単に実装できるBootstrap用のテンプレートを紹介します。 Bootstrap 実装方法のほとんどは、Bootstrapの最小限の構成に数行のHTMLと外部スタイルシートを記述するだけです。 Bootstrapの基本的な使い方は、下記の記事を参考にどうぞ。 参考 Bootstrapのグリッドシステムの基本な使い方 BootstrapのベースのCSSを使ってさまざまな要素を実装してみよう！基本要素とナビゲーションのスタイル 以下のテンプレートはApache 2.0ライセンスで、個人でも商用でも無料で利用できます。 Scrolling

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

健康診断の結果を見て固く痩せることを誓ったminamiです。 "7 future web design trends" という、昨今のWebデザイントレンドについて考察した海外の記事が話題になっていました。興味深い内容だったのでご紹介します。 1.スクロールはクリックにとって代わる 超意訳 ブラウザをスクロールするのに画面端のスクロールバーをつかまなければならなかった昔と違い、今では画面をスクロールすることの労力は大幅に下がっている。 Webサイトのアクションとしてはまず最初にスクロールを想定し、それからクリックを想定した動きを中心に構成すべき。 スクロール芸・パララックスなんていうものも少し前に流行りましたね。スクロールはクリックに勝ると言いきってしまうのは大胆ですが、同意するところもある意見です。 無限スクロールで見せるコンテンツもいまや普通になってきていますし、クリックよりスクロール

KARM Sofa A sense of locality with clean, modern lines

デザインが素敵だったり見せ方が面白いなと思った**404ページ（エラーページ）**のデザインショーケースです。 このように一覧化しているとゲームができたりアニメーションが付いていたりといった遊び心あるサイトが目に止まりますが、エラーページに辿り着いてしまったユーザーに対してどのように目的のコンテンツへ誘導させているかなど、そういった面で参考になるものもあります。 404ページのデザインショーケースですが、意図的にエラーページにリンクを飛ばずのもどうかと思ったので各紹介サイトへのリンクはTOPページになっています。 PlatinumGames Inc. Official WebSite 404ページ内に8bitのミニゲームが表示され、実際にプレイすることもできます。 また、見た目だけでなくソースコードも工夫されており、ソース内にこのゲームの攻略情報が記載されています。

ブランディング、マーケティング、デザインについてなど、 士業のWeb戦略において役立つ情報を更新しております。 法律事務所、会計事務所など士業関連の公式サイトに「かっこいい」という感性をもちこむことはやや軽薄に聞こえるかもしれません。確かにweb集客を考える際、士業サイトでは「信頼感」や「安心感」を演出したくなるところでしょう。しかし「かっこいいサイト」と「信頼感、安心感のあるサイト」は必ずしも矛盾するものではなさそうです。 そんなわけで、今回は海外の士業サイトで「かっこいい」ものを集めてみました。「かっこいい」ではあまりに人それぞれですが、ここでは「最近のトレンドを織り込んだ」という意味でお考えください。そして最近のwebデザインのトレンドといえばやはり「1カラム」デザイン。そこで海外の1カラムでデザインされた「かっこいい」士業サイトをご紹介します。 「かっこいい」1カラムデザインの士業

Webデザインのセンスを磨くには、いいものをたくさん見て引き出しを増やすこと。 最近公開されたUIデザインのアートワークをDribbbleから紹介します。 人気が高いのは、写真をより魅力的に見えるようにレイアウトすること、またアニメーションを使ったユーザーを楽しませるインタラクションも面白いものばかりです。 各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。

Service ディレクション DIRECTION お客様の要望をヒアリングし、現状の問題点を洗い出し、効果的なプランを作成いたします。制作ではデザインに入る前の事前の準備が特に重要になります。何が必要で何が必要でないのかを判断し、費用対効果の高いWebサイトを作るための土台を作ります。 デザイン DESIGN ヒアリングに基づいたプランに沿って、デザインを作成いたします。人の使うものであることを常に意識して、使う人が迷わない、目的を達成できるデザインを心がけています。インターフェースの重要性が増す中でデザインの役割を理解し、そのプランに最適な提案をさせていただきます。 コーディング CODING デザインの意図を理解し、動きや効果を適切に使用することでWebサイトの仕上がりは大きく変わります。スマートフォンサイト、ワードプレスを使用した更新性の高いサイト、Javascriptを使用した動