ddt2000のブックマーク - はてなブックマーク

フッターデザインのアイデアに使える！サンプルやスマホ版のデザインなど弊社実績をご紹介 | 株式会社WEB企画

Webサイトの制作を行う際、どちらかというと重要度が下がりがちなフッターのデザインですが、弊社が運営するWebメディアではフッターデザインにかなりのパワーを注いでいます。というのも、運営するWebメディアの各記事は4,000文字を超える長文で構成されているページが多く、全て読むのにすごく疲れてしまう人もいるのではないかと考えています。そんな長文を全て読み終えてくださったユーザーが少しリラックスするようなコンテンツをフッターで表現できれば、とそんな考えからフッターデザインにこだわるようになりました。また親しみを感じてもらいファンになってもらうことができれば、という思いも込められています。今回は、これからWebサイトを制作される方へ、弊社が運営しているWebメディアのフッターデザインのこだわりポイントをお伝えし、制作の際のアイデアやヒントになればと思い、その手法をご紹介いたします。（コー

ddt2000 2017/06/21

リンク

2017年新卒採用サイトを徹底比較！おしゃれなデザインまとめ18選 | 株式会社WEB企画

※2019年度版も公開しました！ https://webkikaku.co.jp/homepage/blog/webdesign/recruit2019/ ※2018年度版も公開しました！「2018年新卒採用サイトを徹底比較！おしゃれなデザインまとめ20選」 https://webkikaku.co.jp/homepage/blog/webdesign/recruit2018/ 今年も3/1から2017年の新卒採用がスタートしましたね。多くの会社が新卒向けの採用サイトをオープンしています。弊社（株式会社WEB企画）でも採用サイトの制作お手伝いをさせていただいております。今回はたくさんの採用サイトを見た中から、おしゃれな採用サイト「さわやか編」、「クール編」、「ユニーク編」にわけてご紹介します！ 2017年新卒採用サイト～さわやか編～明るくさわやかなデザインのワイズやさしくカラフルな色

ddt2000 2016/03/18

webデザイン

リンク

css3アニメーションのレパートリーがきっと増える！動きの参考になる22サイト | 株式会社WEB企画

css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9（IE6～IE8を含む）のシェアが低下してきていることが挙げられると思います。つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました！ 1：丸型オブジェクトにピッタリのアニメーションギャラリー丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね！ http://tympanus.net/codrops/2013/05/30/simple-icon-h

ddt2000 2015/03/06

リンク

WEBデザイナーのはじめての「SVG」 | 株式会社WEB企画

皆さん、師走をいかがお過ごしですか？今回は前々から試してみたかったSVGについての記事です。基本予備知識0から色々触ってみて、SVGはどんなことができるのかとSVGの面白いなーと思った点等をまとめてみました！「これからSVG試してみようかな？」と思ってる方(特にWEBデザイナーさん)の参考になれば幸いです。それではどうぞー！！ SVGとはその前にSVGについて簡単な説明しておきます。 SVGとはScala ble Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、JPEGやPNGのような画像(ビットマップデータ)ではなくイラストレーターで扱うベクターデータです。その始まりは1998年と意外に古いのですが、ブラウザ対応が追いついておらず、長い間陽の目を見ることがなかったかわいそうなやつです。 SVGのいいとこ SVGがJPEG等の画像と比べていいなーと思

ddt2000 2014/12/26

SVG

リンク

高品質なデザインを目指して、デザイン時にこれだけはチェックしたいポイント31 | 株式会社WEB企画

WEB企画ではお客さまにデザインを出す前に、ディレクターだけでなく、デザイナー同士でも入念にデザインチェックを行っています。自分の制作したデザインについて、同じデザイナーからフィードバックをもらったり、人のデザインに対して「自分はこう思う」等の意見を述べる事はいい刺激であり、とても勉強になります。今回はそんなデザインチェック時に、よくチェックする点・される点をまとめてみました。デザインをしていてどうも上手くいかないなーなんて時に見てみると、何か解決策が浮かぶかもしれません。もちろんこのチェックポイントに即さなくても、素晴らしいデザインのサイトは沢山あります。「これが正解だ！」って言えないところがデザインの難しいところであり面白いところですね…あくまでも1つの指標として参考になれば幸いです。それではどうぞ！デザインチェック項目レイアウト編