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

こんにちは、工藤です。 ただいまレスポンシブの勉強中・・というか効率的な進め方を模索中です。 それぞれ1つのファイルで済む分、ソースが汚くなってしまったりUIの面で悩んでしまったり、なかなか難しいです。 そんなこんなで今回は参考にしたいレスポンシブのサイトを集めさせていただきました。 日本語サイトのみのご紹介です。 ゆい動物病院 http://yui-ah.com/ ウィンドウを小さくしてもテイストが損なわれないのがすごいです。 項目もそれぞれ見やすいです。 LIFA http://lifa-motosu-nagara.jp/ 最初メインビジュアルの文字組みが変わっているなあと思ってウィンドウを小さくしたら・・ すごく考えてつくられているなあと思いました。 TEIBOW Cosmetics http://www.teibow.co.jp/cosmetics/top.html ビジュアル部分

こんにちは、 連日の雨に身も心も萎え気味なmackyです。ビアガーデンで横浜の夜景を見ながらビールを飲むことを夢みてあと1か月はのりきろうと思う今日このごろ。 さて今日は、「レスポンシブウェブデザイン」のレイアウトの変化パターンをまとめてみました。 レスポンシブウェブデザインのレイアウトパターンまとめ。 この前、知ったのですが「レスポンシブデザイン」ではなく「レスポンシブウェブデザイン」もしくは「RWD」と略すのが正しいそうです。はい。「RWD」も口に出すと十分長いですけどね^^;私は「RWDで」といわれると、ついついMedia Queriesを思い浮かべてしまうんですが、RWDにもいくつかパターンがあるので今回調査＆まとめてみました。（ここでいうパターンとは最終的に１カラムになるまでの変化の仕方をいっています。） Column Drop Column Drop??って思う人もいるとおもう

こんにちは！みう(@miu0512)です。最近SlideShareで色々な資料を読むことにハマっているのですが、その中にはWEB系の解説スライドも沢山！私が実際に読んで参考にしたスライドをジャンルごとにまとめてみようと思います。 WEBデザインに関するスライド5選 WEBのデザインをする上で必要な知識や配色、これだけおさえればいいというポイントをまとめているスライドが沢山あります。WEBデザインをこれから勉強する方や、もうちょっとスキルアップしたいなと思っている方におすすめです。 基礎知識や、デザインに重要なことがまとめられています

Codyはログイン画面やショッピングカートなど、Webプロジェクトでよく必要になるコンテンツのコードを配布するWebサイトです。現在配布されているものはRWDにも対応していますのでコンテンツにマッチしてれば工数を減らせるかもしれませんね。まだ数はさほどありませんが、今後も増えるようなので興味のある方はRSSで購読されてみては。尚、利用にあたり、被リンクは不要で商用でもOKですが再配布やNGとの事です。 Cody

Clark DuVall's website o' fun!

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

こんにちは。 緑のにおいが気持ち良い季節になってきましたね。3月4月は花粉で涙をボロボロ流しながら生活していたのですが、やっと思う存分散歩ができそうです。 さっそくですが、デザイナー・クリエイターのみなさんは、自分の作品やスキルをアピールするために普段どのようなツールを使っているでしょうか？ 現在さまざまなWebサービスが出ており、うまく利用できれば活動や交流の幅が広がるはず！ そう思って今回はクリエイター向けのサービスをいくつかまとめました。 目次 UIアニメーションのヒントに ちょっとしたアニメーションを作るときに参考にしています。動きを眺めるだけでも面白く、インスピレーションがわきます。 CAPPTIVATE.co iPhoneアプリのUIアニメーションをカテゴリ別に紹介しています。マウスオンでアニメーションが確認でき、アプリのデザインやUIアニメーションなど、アプリ開発に大変役立ち

おはようございます。CD藤本です。 厳しい冬も終わりを告げ、大好きな春がやって来ました。 桜、誕生祭、キャンプ初め、サイクリング開始。と良いことづくしの春。 当社でも11名の新入社員を迎え入れました。 個性あふれるフレッシュな11名の新人たち。ようこそSOLGへ！！ さて今回は、デザイナーなら誰でも知っていると思いますが、新人ウェブデザイナーのために、ウェブデザインのブックマークサイト・ギャラリーサイトを紹介します。 僕が知っているだけでもこの手のサイトは30サイト以上あります。老舗から新参者、洋物中心のところから和物のみにこだわったところ。縦長にこだわったところからスマホのみに絞ったところ、パーツのみに絞ったところもありますね。 僕が何年も使い続けた結果、ここが至極のブックマークサイト（以下ブクマサイト）だ！という5サイトを紹介します。 （今回はパソコンサイトを扱うブクマサイトに限らせて

私たちは、"つくる"とは、⾃分や誰かにとっての価値のあるものを⽣み出すことだと考えています。 そんな素敵な"つくる"をもっと楽しくしたい。 楽しみながら"つくる"⼈が増え、楽しみながら"つくられた"ものであふれる世界は、きっともっと楽しいはず。そんな世界を実現していきます。

こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは

最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。

ランダムに表示される記事たち Warning: time() expects exactly 0 parameters, 1 given in /home/ho2/hayashikejinan.com/public_html/wp-content/themes/hayashikejinan.com/inc/sns.php on line 31 Warning: time() expects exactly 0 parameters, 1 given in /home/ho2/hayashikejinan.com/public_html/wp-content/themes/hayashikejinan.com/inc/sns.php on line 31 Warning: time() expects exactly 0 parameters, 1 given in /home/ho2/ha

こんにちは。PIXTAスタッフのmariです。 思わず「これ食べたいっ！」と声にだしてしまうほど、 おいしそうな料理写真を掲載している飲食店や食品サービスのWebサイトは、 見ているだけでも、とっても幸せな気持ちになりますよね。 まだ味わったことのない料理や行ったことのないお店に、人はどうしたら興味をもつのか。 多くの人は、体験者のレビューと、やはりなんと言ってもWebサイトに掲載されている 料理写真がおいしそうに見えるかどうかで良し悪しを決めています。 思わず「これ食べたいっ！」と見る人に言わせてしまう、 そんなシズル感たっぷりのおいしそうな料理写真をWebサイトに掲載することは、 いまや食品や外食事業を扱うサービスにとっては必須の集客方法です。 そこで本日は、食品系サービスの運営者は必見！シズル感たっぷりのWebサイトをご紹介します。 空腹時の閲覧には、どうぞご注意ください。 ☆シズル