株式会社エコンテによるインフォグラフィック作成サービスの紹介サイト。インフォグラフィックスの作品ポートフォリオも多数掲載。
株式会社エコンテによるインフォグラフィック作成サービスの紹介サイト。インフォグラフィックスの作品ポートフォリオも多数掲載。
Pictodeck Icon Set: Over 700 Free Pictograms for Keynote - Noupe ピクトグラムが700種類以上集まったアイコンセット「Pictodeck Icon Set」 次のようなシンプルだけどセンスのあるアイコンが700個詰まったセットがダウンロード可能です。 こういうテイストのアイコンを使えばGoogle+のようないい感じのサイトを作ることができそうですね 関連エントリ 白黒だけど汎用的にシンプルデザインのWEBアイコン500 ソーシャル等シンプルデザインのアイコン144個セット シンプルだけど味のある100以上のベクターアイコンセット シンプルさがいい感じのソーシャルアイコンセット「Simplito」
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト! ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
関連記事 [update!] 基本最低限、カスタマイズするだけの無料wordpressテンプレート「bee1.2」 2012/09/19 [配布]photoshopでドットのラインを描く方法&破線(点線)ブラシ 2011/11/21 ウェブデザインのワイヤーフレーム(モックアップ)作成で使える、シンプルなOmniGraffleステンシルを作りました。 2011/10/07 12×12pxのミニマムなソーシャルアイコンセットを作りました。 2011/09/24 カラーリングでフォルダを見分けたい方に。mac os x lion で使えるカラーフォルダアイコン 2011/09/21 基本最低限だけ、あとはカスタマイズするだけのwordpressテンプレート「bee」 2011/08/22 フラットなフリーの日本向けソーシャルアイコンセットを作りました。 2011/08/21 Comments:
どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデザインに変更できます。 ラジオボタンとかチェックボックスを画像に置換するプラグインですかね。なので、デザインの変更は基本的に画像とCSSを少し変えるだけです。尚、画像の指定もcssで行います。 左が普通で、右がリア充ですね。シンプルでいい感じです。見た目がいいほうが愛されるんですねきっと。世知辛い世の中ですこと。 マークアップも特別なことはしなくて済むのも楽かも。デザインの変更は基本的に画像を変え
どーも。最近SNSの使い方がわからなくなりつつある僕だよ。 久々にデザイン系のネタ。いや、ちょっと乗り遅れたタイポグラフィネタか・・・ 広告で数字が一番の訴求対象になる場合は多く、 数字だけで完結する物もあります。 そういった場合は、数字デザインをこだわりたいですね。 テレビ東京新卒採用サイト 7chと第7感って事でかけてますね。 モビット 数字を強調させる設計ですね。数字自体の効果が凄くキレイ。 No.DesignTech The 10 意味不明にカッコ付けてみました。以下が見せ方と自作サンプルです。 目次 数字以外を小さく 丸で囲ってみる 枠端で薄く背景に イタリックに 比較させる 数字だけを強調 弱い要素のアイキャッチに 数字だけでも シンプルな物は英字と組み合わせるのも 本文中は太字、下線を取り入れてみる 数字以外を小さく 見たい、見せたいのは数字です。 広告の
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね! 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
「positon: fixed;」などで配置した、スクロールしても固定位置に表示されるエレメントの効果的な使い方を紹介します。 Fixed position web elements [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ウェブページで固定表示されたエレメントは、最近多く見かけるようになりました。これはページで表示されていない箇所へスクロールした時に、特定のエレメントのみ表示を残すものです。最もよく見かけるのは、ナビゲーションを含めたヘッダでしょう。 エレメントを固定表示することで最も大切なことは、それがユーザーにとって重要なものである、ということです。エレメントの重要性は変化することもありますが、基本的なゴールはページのいずれかの部分を永久にビューポートに表示することです。 もし、このテクニックを使うときは、慎重に検討することを勧めます。このエレメントは自動
当サイトのバグを直しつつ、いつかまた苦戦しそうな気がするので書いておきます。 検索するとよくヒットするFirefoxで背景画像が表示されない件ではなくて、横スクロールとwidthにからんで、背景画像が途切れてしまう症状についてです。 普通にクリアできちゃう現象なのかも。(^^; でもMovableTypeの管理画面も同じ症状になるし、対応できてないサイトももしかしたら多いかも? 当サイトを例にして書きます。 背景を除くページコンテンツ幅は950pxです。 当然、950pxより小さいサイズのウインドウでサイトを表示すると、横スクロールバーが表示されます。 横スクロールバーで右の方を表示しようとすると・・・ このように(黒帯より下の部分)、最初のウインドウ幅(左側途中)の部分までしか背景画像が表示されない状態になってしまいます。 画像じゃなく背景色を使っても同様になります。 「width: 1
TOP > Design , Photoshop > デザイン性に優れたwebサイト用UIデザイン集「35 High Quality PSD UI Web Design Elements」 webサイト制作では、対象ユーザーに合ったUI(ユーザーインターフェイス)デザインの構築が、サイト滞在時間を伸ばすための重要な要素ではないでしょうか?そこで今回紹介するのが、Photoshopで制作されたクオリティの高いUIデザインを集めた「35 High Quality PSD UI Web Design Elements」です。 (UI elements by ~yaruno on deviantART) シンプルなデザインはもちろん、幅広いユーザーに対応できるデザインテイストのものまで、さまざまなUIデザインが紹介されています。中でも気になったものいくつかピックアップしましたので、下記より
RSS feeds My Tweet ご利用上の注意 広告枠の販売 バナーサイズ別 728 × 90(134) 468 × 60(138) 234 × 60(112) 125 × 125(88) 88 × 31(90) バナーカラー別 □ ホワイト(389) ■ ブラック(272) ■ グレー(77) ■ レッド(160) ■ オレンジ(150) ■ イエロー(83) ■ グリーン(142) ■ ブルー(178) ■ パープル(25) ■ ピンク(92) ■ ブラウン(71) 地域別 日本国内(521) 海外(42) 詳細検索 728 × 90 468 × 60 234 × 60 125 × 125 88 × 31 □ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ 日本国内 海外 PR広告 ”バナーデザインギャラリー”とは バナーデザインギャラリーは、皆様からのご投稿情報を基に、かっこいいバナー
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左:オリジナル(3662KB)、右:JPEGmini(628KB) [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左:オリジナル、右:JPEGmini、見た目の品質を比較することができます。
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
商用利用無料、さまざまなウェブサイト・ウェブアプリケーションでの利用を想定してデザインされたGoogle+風のシンプルなアイコン素材を紹介します。
最近、とあることから不動産サイトを眺める機会が増え、不動産サイトとは何たるかを悶々と考えています。 おもに不動産売買、不動産投資についてのサイトをよく見てるんですが、デザインするにあたり どんな要素が必要なのか、構成にルールはあるのか、気になったので自分用にまとめてみました。 一番大事なのは「雰囲気をつくること」 高額な商品を扱う不動産サイト。 やはりそれ相応のふさわしい雰囲気を創り出す必要があると思うんです。 私が特に気を付けたいと思ったのは以下の3つ。 その1:安心感 もうこれはお客さまがいる時点で絶対条件でしょうけれど、 不動産投資のサイトって一歩間違えるととても胡散臭くなるので、扱う文章などにも気を付けたいところですね。 その2:シンプル 不動産購入をする方・投資をする方は、若者よりもある程度年齢を重ねられたお客さまの方がはるかに多いですよね。 購入物件の情報はどこから見る事ができ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く