イケてるWebデザインやコピーライティングを収集しているギャラリーサイト・「Pixels」Pixelsはkick-assなWebデザインやコピーライティングのWebサイトを集めているデザインギャラリーサイトです。そのWebサイトのメインカラーも書いてあり、クリックでカラーコードをクリップボードにコピーする事が出来ます。本ギャラリーサイトは、Webデザインのスクショサービス（デザイナー向けのブックマークサービスだそう）を展開するklartが公開したWebデザインギャラリーみたいですね。 Pixels
【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan
ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ 無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。 じっくりと検討さ
CSSの引き出しを増やしておこう！最近見かけたスタイルシートのアイデア・テクニックのまとめ
最近のWebサイトやスマホアプリで見かけるテクニックをはじめ、Web制作者としてよい刺激になるスタイルシートを巧みに使ったさまざまなアイデアを紹介します。 イラスト: Girls Design Materials CSSのみで実装されているのものもたくさんありますが、JavaScriptやSVGなどを必要に応じて使用されているものもあります。
Webサイトのヘッダー/フッター用アイデア満載！コピペできるHTML/CSSスニペット48個まとめ
ウェブサイトを訪れたとき、まずユーザーが目にする「ヘッダー」部分は、魅力的なデザインコンセプトを取り入れることで、オリジナル性の高い表現が可能になります。 今回は、魅力的なヘッダー/フッターデザインを実装できる、コピペ可能なHTML/CSSスニペット48個をまとめてご紹介します。ブログ記事向けレイアウトやランディングページ向けなど、5つのカテゴリに分けています。用途に応じて最先端のWebデザインテクニックを活用し、デザインの参考にしてみてはいかがでしょう。 2017年大本命！HTML/CSSで表現できる、参考にしたいカード型レイアウト60個まとめ コピペで利用可！思わず押したくなるボタンエフェクト用HTMLスニペット40個まとめ 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 コンテンツ目次 1. 記事向けヘッダーデザイン 2. 記事向けフルスクリーン・ヘッダ
目移りする可愛いウェブデザイン7選HOUR BLOG | HOUR BLOG
女性向けの商品、サービスを取り扱う企業や子供向け商品を取り扱う企業などでは、可愛らしい商品や店舗の内部を公開する為にはホームページが必要です。見やすく、綺麗な子供向けの綺麗なサイトを作りたいと考えている人は多いのではにでしょうか。そこで日本全国の可愛いいホームページを厳選して集めてみました。ひとつでもお気に入りがあるのではないでしょうか。
カードデザインのポイントと実装方法
2018年5月18日 CSS, Webデザイン Pinterestがカードスタイルのデザインを取り入れてから、TwitterやFacebookをはじめ、多くのWebサイトで採用されているカードスタイルのデザイン。今回はそんなカードデザインの特徴やデザインのポイント、実装方法などをまとめてみます！ ↑私が10年以上利用している会計ソフト！ カードデザインとは 名前のとおり、カードのような四角形を並べたスタイルのデザインです。多くの場合、ひとつの項目に対して画像やテキスト、ボタン等、様々な要素が含まれています。ECサイトやコンテンツの多いWebサイトでよく見かけるスタイルですね。 Etsyは手作りの商品を販売できるECサイト。商品の画像を大きく打ち出し、その商品に関する情報が掲載されています。ログインしていれば、詳細サイトにいかなくてもお気に入り登録などが可能。ページ移動をしなくてもなにかしら
【番外編】商店街のイケてるWebサイト集めてみました｜Draft｜中小企業・スタートアップ向けWebマーケティング支援
業種別でおしゃれなデザインのWebサイトをまとめてみるシリーズ番外編、【商店街】のWebサイトを集めてみました。 当たり前ですが、商店街ごとに見せ方も異なりとてもおもしろかったです。ぜひ最後までご覧ください！ ※感想はあくまで個人レベルのものです
ニュース系アプリから見る、参考にしたいUIデザインアイデア10個まとめ
ここ数年間でニュースメディアは大変な盛り上がりとなっており、ストーリーテリング（英: Storytelling）と呼ばれる雑誌など出版物のオンライン体験を軸にした、新しい戦略が生まれています。ウェブサイトはリニューアルされ、さまざまなアプリも制作されていることから、ニュースメディアはデザイナーにとってデザインの参考にできる機会にたくさん恵まれています。 この記事では、UIデザイン制作の参考にしたいニュースアプリデザインを集め、各UIのメリットとおすすめポイントをまとめてご紹介します。実際に使われているアプリから、開発中のデザインまでが揃っています。 詳細は以下から。 ニュース系アプリから見る、参考にしたいUIデザインアイデア１０個まとめ Urkanian News Portal Credit: Toma Reznichenko 参考にしたいポイント 通常のニュースメディアでは、コンテンツを
ネタがない！という時に役立つサイト6選 | DevelopersIO
こんにちは。最近ホット葡萄が手放せない宮嶋です。 まさか11月に雪が降るとは……。 はじめに デザイナーなら必ずぶち当たる問題。 ネ タ が な い ！ ！ ！ こればかりは、どんなに引き出しがあっても世のデザインが常に変化している限り出てきてしまうものです。 頭の中で漠然とイメージが出来ていても、実際にデザインに起こすとなると手が止まってしまったり……。 そんな時に私がよく見ているサイトをご紹介します。 参考サイト紹介 1. Pinterest https://jp.pinterest.com 世界中のおしゃれアイデアをまとめたサイト。 UIデザインに関するものだけでなく、紙面やインテリアなど幅広いカテゴリも探せます。 気に入った作品があったら自分のボードにピンとして保存することができます。 また、プラグインを使えば外部サイトで良い作品に出会えた時にピンにできるので便利です。 2. Dr
UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20 - NxWorld
webサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。 よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。 また、悩んだ・困ったときに見るだけでなく、お気に入りのギャラリーがあればブックマークやフィード登録などして普段から空いた時間に目を通すことでデザインの引き出しも増やせますね。 Calltoidea 細かいコンポーネントからページ全体のレベルまで様々なデザインがまとめられています。 カテゴリーを表すアイコンもわかりやすく参考デザインのキャプチャも大きくて見やすいので、個人的によく見るギャラリーサイトのひとつです。 Collect
海外のおしゃれなデザインを集めたギャラリーサイト７選
Webデザインを考える際に、デザイナーなら誰でもおしゃれなサイトに仕上げたいものです。ですが、具体的に「おしゃれなサイト」と一言で言っても、その感覚は千差万別です。 この記事では、デザインに行き詰まったときなどに眺めたい、おしゃれなサイトを集めたギャラリーサイトをご紹介します。様々なサイトを見ることで視野を広げ、引き出しを増やし、ご自分のデザインに活かしてみて下さい。 The Best Designs シンプルで洗練された、海外のギャラリーサイトです。サイトのファーストビューをキャプチャした画像が大きく、見やすくなっています。 また、画像をクリックすると詳細ページに遷移して、トップページ以外のデザインもじっくり見ることができます。気に入ったデザインを保存できるようSNSボタンが設置してあり、PinterestのPin itボタンなどでストックしていくと良いかもしれません。 Web Desi
物を売るために参考になるWEBデザイン集
ECサイトからプロダクトランディングページまで物を売るためには様々なページが必要ですが、その中から決済画面、プライスページ、プロダクトページ、ストアページと大きくカテゴライズしてデザインを収集している、物を売るために参考になるWEBデザイン集を今回紹介したいと思います。 それぞれのカテゴリに特化して、デザインが集められており、スクリーンショットもフッターまでで取得しているため、サイト上でも全てを参照することが可能です。 詳しくは以下 カテゴリー内で上記のように大きくサイトを次々と見ていくことも可能ですが、カードタイプのレイアウトにして一覧でデザインを見ていく事も可能です。 Checkout Pages 海外のデザインが中心となりますが、かなりの数のデザインが集められています。珍しいカテゴライズですが、ECサイトやサービスサイトを作りたいという方は見たい部分が集約されているのでかなり重宝する
デザインやレイアウト、見せ方、使い勝手が参考になるオンラインショップやプロダクトページのまとめ
ストアページ、プロダクトページ、価格表ページ、チェックアウトページなど、オンラインショップやプロダクトページのレイアウト、商品の見せ方、UI周りの使い勝手が参考になるページをコレクションしているサイトを紹介します。 Store Pages ローンチして間もないサイトですが、そのコレクションは充実しています。 ストア、プロダクト、価格表、チェックアウトはそれぞれ別ドメインを取得されているので、気合いが入っています。
【厳選】アイディアの宝庫！最近の海外サイトデザインがすごい！ | DesignSource
どうもどうも、yohicです！ 最近、日本のwebデザインも海外ぽいのが増えてきましたね。 もっぱらベンチマークするのも日本のサイトばかりになっていたのですが、海外もチェックしておかないとなーと思い久しぶりに見てみたらびっくりしました。 最近のトレンドをこれでもかってくらい盛り込んだ、様々なアイディアのサイトを２０サイト絞り込んでみましたので、ぜひ参考にしてみてください！ スポンサーリンク 01:Topple Trump! | It’s The Game You’ll Love To Hate https://toppletrump.com/ トランプさんが大統領になるのを止めるキャンペーンサイトなんですかね・・・？ フラットデザインとイラストの相性はやはり良いですね。 ゲーム要素が入ってますがサクサク動くのがすごい。 02:SIRIN LABS https://www.sirinlabs
Webデザインの参考になった、魅せる幻想的なWebサイトまとめ
作成：2016/09/5 Webデザイン > ファーストビューのビジュアルでサイトの印象が決まります。 幻想的なジャンルって意外とないんじゃないかと思い、今回は光の使い方や写真が「幻想的」で「魅せるなぁ」と思える甘美なWebサイトをピックアップしました。旅行・観光サイトなど、非現実的な世界観を出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 情感を出す ライトアップに使われているグラデーションは紫（高貴・神秘・沈静・重さのイメージ）や緑（安息・癒やし）などの中間色が使われ、写真だけでも神秘的・非現実的な印象を出せます。 また和のおもむきを崩さないように、ボカシが入った縦書きの文字で情感あふれる見え方になっており、コントラストを確保するために写真の情報量が少ない部分に文字を載せてあるので読みやすくなってます。 下鴨神社 糺の森の光の祭 色を訴求したい メ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Behance
レスポンシブ対応の高品質なHTMLのテンプレートのまとめ、商用利用無料で最近のUIデザインが分かる | コリス
Loading...
WebサイトやアプリのUIをアニメーションで収集するギャラリーサイト・「UI Movement」
LPや料金ページ、商品紹介ページ等のUIを中心に収集しているWebデザインギャラリー・「UI Temple」
