Webデザインのセオリーを学ぼう / Webデザインのウソ・ホント ~ Web らしく... / コンテンツで改善する UI デザインの極意他...全21件
![Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド](https://cdn-ak-scissors.b.st-hatena.com/image/square/3785479a7f7be0829abb157868fc08281f078c09/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2013%2F4%2F2%2Fl_2013-4-2_7624322d09d7c17061df2ddc7a6c5c0f.jpg)
WEBデザイナー、開発者が使えるWEBツール集「8 Useful Online Tools for Web Designers and Developers」 多くの業務が必要となるWEB構築、できることなら少しでも時間を短縮したい物。今日はWEBを構築する上で便利なツールを集めたエントリー「8 Useful Online Tools for Web Designers and Developers」を紹介したいと思います。 0 to 255 設計の部分から、デザインの部分、パーツの生成など様々なオンラインツールがまとめられていました。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Frame Box ワイヤーフレームをドロップ&ドラッグで開発できるサービス。画像系で制作するよりはるかに素早く制作することができます。 ■Super Conver
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名:すぐ副業になる 手相オンライン講座 販売商品紹介:手相をゼロから学んで副業になる!覚えなくても始められる!基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格:
TOP > Design , Font > LED表示のようなデジタルフリーフォント20選「20 Best Useful Digital Fonts for LED Banner Designing」 世界中で様々なフォントが公開されていて、フォントと一口にいっても様々な種類のフォントがありますが、今回紹介するのはLEDに表示されているようなドットで構成される、デジタルチックなフリーフォントを集めたエントリー「20 Best Useful Digital Fonts for LED Banner Designing」です。 上記のようなフォントが全部で20個まとめられています。今日はその中からいくつか気になったフォントをピックアップして紹介したいと思います。 詳しくは以下 ■LED BOARD リアルなLEDのボードも再現したフォント、特定用途には非常に便利そうなフォント。 ■DS
♯27 クリエイターインタビュー フォーデジット (1/4) フォーデジット クリエイティブディレクター 田口 亮氏 ディレクター 仁田 雄一氏 (インタビュー・平田 順子) (2010年11月17日) ROI(投資収益率)の最大化を命題に掲げ、さまざまな業種や要望のWebサイトに応える技術力とデザイン力を兼ね備えたWeb制作会社フォーデジット。なかでも、不動産関連のWebサイトを多く手がけています。豊富な制作経験から、業界独自のルールに対する知識を要し、高級商材である不動産のWebサイトではどのようなアプローチが有効になるかというノウハウを多く蓄積してきたと言います。そんなノウハウの一端を、同社でディレクションを行う田口 亮氏、仁田 雄一氏の2名に伺いました。 物件が完売するまでがWebサイトの役割平田:御社は多くの大手不動産会社とお仕事をされていますが、不動産関連のWebサイト制作を得
以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論[絵文録ことのは]2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。 その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増
モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする(変更点を日付と一緒にメモしていく)XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり/なしの統一を指定するサイトリンクの表示をチェックして調整(以降随時)Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティスをDev Snippetsから紹介します。 Styling your Lists: 20+ Brilliant How to's and Best Practices
FlashでもAjaxでもない。シンプルで機能的なWebサイトへ――。ユニクロの公式サイト「UNIQLO.COM」(http://www.uniqlo.com/jp/)が3月26日にリニューアルした。従来のキャンペーン情報中心から、商品紹介とECを中心としたサイトへ転換。商品購入ページへダイレクトに飛べるようになった新しいトップページは、それまでの派手なFlashアニメーションが姿を消し、画像とHTMLのみで表現されたシンプルかつインパクトのあるデザインに一新された。 旬の商品がすぐ見られる・買える「シンプルで超合理的なデザイン」へ 新しい「UNIQLO.COM」のコンセプトは、「シンプルで超合理的なデザイン」(ユニクロ)。ユニクロの商品そのものにも通じるこのコンセプトは、「最新のトピックが一目で変わり、欲しい商品がすぐに買える」サイトデザインによって、具現化されている。 以前のUNIQL
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬~4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」(マイクロソフト)を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
イラン・テヘラン(Tehran)のネットカフェで、インターネットを利用する女性(2004年9月20日撮影、資料写真)。(c)AFP/Henghameh FAHIMI 【12月30日 AFP】育児関連ソーシャルネットワーキングサービス(SNS)UrbanBaby.comは立ち上げから9年間、ネット通の親たちの間で高い人気を集めた成功サイトだった。だが2008年夏、CBS傘下のITメディア企業CNetがUrbanBaby.comを買収。サイトのデザインを一新したところ、状況は一転した。 CNet元社員でブロガーでもあるジョン・グリアー(Jon Greer)氏は「UrbanBabyの失敗はユーザーの懸念に素早く対応しなかったことだ」と指摘する。 UrbanBabyのユーザーの1人は「もうけ主義の新しいサイトは不愉快なフラッシュ広告のため動作が重い。以前の素早く軽快な動作のサイトに慣れていたので、
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方をSmashing Magazineから紹介します。 5 Simple Tricks To Bring Light and Shadow Into Your Designs 以下、その意訳です。 ライトとシャドウというのは単にそこにあるだけではありません。ライトは対象物を射し、シャドウを生み出します。 形や大きさ、質感を伝え、目にする対象物の理解を深めます。 ウェブデザインでもこのライトとシャドウは非常に重要で、デザインをよりナチュラルにし、感動的で直感的なものにします。 ここに、ライトとシャドウの洗練された5つの使い方を紹介します。 A Quick Anatomy Of Light And Shadow ライトとシャドウの構造 下の図は、ライトが左からあたっています。ハイライトはそのライトが一番強くあたっている箇所です。そして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く