新卒でも分かる！成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ 38,133 views 良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な５サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,789 views 脱初心者！事業計画書の書き方やテンプレート配布サイト4選 11,336 views 売上アップに必要不可欠！販促企画書のアイデアを貰えるサイト5選 8,667 views あなたのサービスが広まる、エレベーターピッチ！ 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ
Great Examples of Simplicity in Web Design | Top Design Magazine - Web Design and Digital Content
Writen by Bogdan+ / Comments Off on Great Examples of Simplicity in Web Design Sometimes a clean and simple design is more valuable than an intricate one if it’s done right. The user will always be thankful for a minimalist look because he will see only what truly matters: the information. He doesn’t want to be bored with useless things and he also doesn’t want to spend a lot of time searching for
今後のWebデザインとの向き合い方
2012年2月25日 CSS Nite in TAKAMATSU vol.6 が開催されました。CSS Nite は、ツールの使い方や制作のノウハウなど、テクニックを扱うことが多いイベントですが、今回は全編を通してコードが出ないという珍しい構成でした。いつもとは少し違う雰囲気ではありましたが、他の CSS Nite にはない満足感を得た方も多かったのではないかという印象を受けました。イベントの様子はTogetterでまとまっているので参照してください。 私のセッションは、Webデザインのウソ・ホント ～ Web らしくデザインするためのヒントと題して、未来を見据えた Web のデザインを行う上で必要な考え方や取り組み方法を紹介しました。 今月はセミナーで登壇する機会が3回もあり、過密なスケジュールでした。準備は大変でしたが、3回を通して一貫としたテーマがあったかと思います。なんとなく「未来
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
最新のWebデザイントレンドを取り入れたWebサイトを紹介するデザインギャラリー・stylesinspiration - かちびと.net
最新のWebデザイントレンドを取り入れた Webデザインに特化したギャラリーサイト、 stylesinspirationのご紹介です。少し前 から購読しているんですが、他のWebデザ インギャラリーと一味違っていてなかなか 素敵です。 最近はWebデザインギャラリーもすっかり減ってしまいましたけどね・・・良いデザインを見る事はインスピレーション向上だけでなく、美的感覚を視覚刺激として脳に送る事でセンスが養われる側面もありますので割と大事です。 シンプルで見やすいレイアウトですのでストレス無く探索出来るかと思います。Awwwards同様、最新のデザイントレンドを取り入れたWebデザインを紹介していますが、Awwwardsとは別の路線、っていう感じなのでこれはこれで。 カテゴリはタイポグラフィ、シングルページ、クリーン、などなどちょっと一貫性は無いですけど、コンテンツが最新トレンド、というサイ
スランプを知る全てのクリエイターへ！クリエイティビティを暴発させるデザインマガジンサイトの数々！ | バンクーバーのうぇぶ屋
皆さんはスランプに陥ったことはありますか？ おそらく「無い！」という人はなかなかいないのではないでしょうか。何かを作り出すクリエイターのスランプ。アイデアが浮かんでこない、やる気が起きない、作業が進まない…終いには何もしたくない。 そんな状態に陥った時、新しい刺激を求める人も多いのではないでしょうか。 僕は自分がそんな状態に居ると感じた時には、とにかく数ある世界中のデザインマガジンを片っ端から見るようにしてます。それこそ、グラフィック、タイポグラフィ、プロダクトデザインからストリートアートにかけて、知る限り全てです。 そこには、自分以外の誰かが切磋琢磨し、沢山悩み、多くの事を経験／体験したであろうクリエイターの生み出す様々なデザインが掲載されいて、物によっては自分では到底思いもつかないような作品であふれかえっています。刺激を受けるだけじゃない、『いつか自分も…』。そんなことを思い描きながら
無料で商用利用可な2400種類のアイコン集「Farm-Fresh Web Icons」
「FatCow」というウェブホスティング会社が無料で提供しており、中身は16×16と32×32の2種類のサイズのPNG形式画像によるアイコン集となっており、その数は実に2400種類となっています。 2400 Free "Farm-Fresh Web Icons" by FatCow Web Hosting http://www.fatcow.com/free-icons これが全部のアイコン画像、ものすごい数です どのファイル名のアイコンがどのアイコン画像なのかという対応表は以下にあります。 なお、ライセンスは「Creative Commons Attribution 3.0 License」となっており、オンラインサービスや各種テンプレート、テーマ、ソフトウェアなどでの商用利用もOKとなっています。また、利用する際にはhttp://www.fatcow.com/free-iconsへのリ
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
2012年に備える、ウェブデザイナーのための10のガイドライン
特にフリーランスのウェブデザイナーのための、競合に勝つための効果的かつ革新的なガイドラインを紹介します。 10 New Guidelines for Web Designers for 2012 [ad#ad-2] 下記は各ポイントを意訳したものです。 顧客の要件に基づいたデザイン デザインの失敗の原因の多くは、ビジネス要件の間違った解釈とデザイナーの側に立った専門的知識の欠如です。顧客を理解する最も良い方法は、デザインプロセス中に彼らの要件をしっかり聞き、見つけ出すことです。 Googleパンダに備える あなたがGoogleを好きであるか否かに関わらず、検索エンジンとして最大手のポリシーには従うべきです。Googleが考える高品質なサイトを学びましょう。 参考：Googleが考える高品質なサイトの23のポイント 素早い開発 開発を短期間で行うことは、より早い結果を欲するフリーランスと顧客
Index :: Webデザイナーズレシピ
Sample Design Webデザインのサンプルです。 DropDown Navi jQuery を使ったドロップダウンメニューです。 Contents Slider jQuery Cycle Plugin を使ったスライダーです。 Form Validation フォームに入力された値を、送信前にその場でチェックします。jQueryプラグイン使用。 Form UI Elements チェックボックスやラジオボタン、セレクトボックスを画像で装飾！セレクトボックスにはjQueryプラグインを使用しています。 jQuery UI Accordion & Tabs jQuery UI を使ったアコーディオンとタブです。 Box Equal Heights コンテンツの量によって、バラバラだったボックスの高さを jQuery で揃えています。 Masonry jQueryプラグイン、Mason
Webutubutu!-Older: デザインが苦手でも使える、視点の移動に関する基本
WEBサイトではユーザーの視線を誘導できるか否かは重要な問題です。今回はサイトやページ全体の導線という話ではなく、視点の動きに絞った内容です。 縦書きは右から左へ。横書きは左から右へ。 新聞に代表されますが、日本語には縦書きの伝統があります。縦書きであれば視線の移動は右から左がルール。これを逆から読む方はまずいないでしょう。 ではWEBサイトではどうか？ 基本的に海外を含めて横書きがメインであり、日本語のサイトも横書きがほとんど。日本のサイトに限定しても一般的だと言えます。そして、横書きは左から右へと読むことがルールです。 以上の点から考えると。 WEBサイトでは文章の流れに添って、左から右へと読み進めるのが基本となります。 左に壁をつくり右に流す 視線の始点となる左サイドに壁を作り、右に流す方法が通常のサイトでは良くあるかと思います。具体的には、左にサイドナビゲーションのある状態です。
【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選
こんにちわ。坪内です。 突然ですが、この2年ほどで集めた素敵なネットショップを一挙公開しちゃいます。はっきり言って、この記事書いてるだけで、何度もポチリかけたくらい、素敵なアイテムがてんこ盛りです。既に知っているショップも多いと思いますが、知らないショップがあったら是非チェックしてみてください。 ちなみに、数が多すぎて説明文書くのは断念しました。カテゴリ毎には分かれているので、実際にご自身の目で確認してみることをオススメします。
20 Inspiring Examples of Single Page Websites
20 Comments As always, a great lsit, Gisele. Favourites? Bennett Feely TM Design They do something a bti different, and look great! Not my style. I find, your selection is showing of a mixture of todays standards, “digital media designer” – school and minimalism. By this I don’t mean to rate down these designs, but to me they lack inspiration and creative concepts beyond those, todays, standards.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザインが素敵なサイト教えろ：キニ速
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI
ウェブデザインのアイデアに悩んだ時に訪れたいサイトをまとめて一覧できる -Visual Heap
Loading...
iPhoneデザインボックス
クリエイティブでデザイン性の高い国内サイト ベスト14 – 2011年10月版 | WDS
洗練されたデザインのPSD素材が無料でダウンロードできるサイトのまとめ