WEB制作を10倍効率化するための作業別ブックマーク
July 26, 2010先日、仮説思考という本を読みました。「仮説から始めれば作業量は激減する」というブックカバーの言葉に触発され、衝動買いして即効amazonで海外発送した本でしたが、効率化を意識しはじめた小生にとって、かなりの良本でしたね。
この本は思考方法についての本でしたが、作業を効率化させる、それは思考術はもちろん、周りに転がっているツールや情報を知っているか知らないかでもまた大きく変わることでしょう。
今日は、そんな「作業効率向上」に視野を当てた、小生のブックマークをご紹介いたします。
小生のTwitterアカウントでは、毎日小生のブックマークが自動投稿されるようになっているので、こちらもフォローしておいてくれると嬉しいです。
モックアップ／ワイヤーフレーム／構成書作成編
世界中のクリエイターがどういうワイヤーフレームを描いているか参考にしよう！
ワイヤーフレームのテンプレートはここからダウンロード！
ワイヤーフレームの共有と作成はここで！
ワイヤーフレームのリソースはここで確保
- Free Sketching & Wireframing Kit(フリーのワイヤーフレームキット)
その他、ワイヤーフレーム作りの参考になる記事達
デザイン編
デザインに入る前に、気をつけておいたいポイント
サイトのカラーを決めるのに役立つサイト
配色毎に気をつけておきたいポイントを抑える
- 50 Beautifully Brown Web Designs | Inspiration(50の美しい茶色のウェブデザイン)
- 50 Yellow Web Designs to Inspire You(あなたにインスピレーションを与える50の黄色いウェブデザイン)
写真素材を集めるためのサイトをまとめているサイトまとめ
- 商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと.net
- 商用でも無料・ハイクオリティ・解像度高め、と3拍子揃った写真素材配布サイト・4freephotos - かちびと.net
- 商用サイトで使える無料の写真素材サイト 厳選まとめ | 日刊ウェブログ式
- 商用サイトでも制限無しで利用できる無料の写真素材サイト集 | コリス
- ダウンロードし放題 商用利用可能な写真素材サイトいっぱい | DesignWalker
- 色合いを指定するとそれっぽい素敵写真が探せる『Multicolr Search Lab』 | IDEA*IDEA
- 商用・非商用で使用できるフリーの写真素材サイト集 | コリス
デザインのリソースを確保するサイトまとめ
- 12000種以上のPhotoshopブラシをストックしている検索エンジン・FindBrushes
- A Myriad of Vintage Grunge Patterns From Across the Web(パターン素材色々)
デザインの効率を助けるサイトまとめのまとめ（のまとめ？）
デザインの質を上げるちょっとしたTips色々
コーディング編
コーディングに入る前に知っておくべきこと
コーダーには是非知っていて欲しい便利君達
- gridr buildrrr(グリッドジェネレーター)
企画／提案／ヒアリング編
小生は、英語記事を見る方が機会としては多いですが、やはり日本人はすごいですね、大体日本語翻訳あります。というか、小生がどれだけコリスさんのサイトにお世話になっていたか、再認識しました。やはり、日本人なので、日本語で読みたいですし、アップが早い早い。
また半年ほど立ったらブックマークのまとめを行ないますので、その時はもっと有意義で効率的なブックマークが増えていることでしょう。
Webデザイナーのためのユーザビリティのヒント10選を翻訳してみた
January 1, 2009さて、皆様Happy New Year。
こちらは本日が元旦になります。日本と違いそんなに重要な日でもないので、今日だけ休みであとは普通に仕事ですが。
先日、ちょっとユーザビリティについて考えていたら以下のような記事を発見しました。 ユーザビリティについて、とても良くまとめられています。
10 Usability Tips for Web Designers先日、ちょっとユーザビリティについて考えていたら以下のような記事を発見しました。 ユーザビリティについて、とても良くまとめられています。
うーん、英語の勉強もかねて、ちょっと翻訳させていただこうかなと思います。
読み返しても結構間違っていると思うのですが、違っていたら指摘ください。
Simply put, usability is making your website easy for your visitors to find the information they need when they need it.
"簡単に言えば、ユーザビリティとはあなたのウェブサイトを訪問する人たちが必要なとき、必要な情報を簡単に得られるようウェブサイトを作ることです。"
A common misconception about usability amongst web companies is that usability is expensive.
"ウェブ会社の間にある共通の誤認はユーザビリティとは高価な物だということです。"
Yes, there are multi-national companies that spend thousands of dollars on usability tests and research, but for an everyday company usability is achievable without the knowledge of usability experts or without expensive equipment for testing.Web designers have an even easier job to do, just by reading usability articles they can accumulate a fairly good knowledge about usability basics and how to implement them on a website.
"そう、多国籍な企業においては、ユーザビリティテストと研究に何千ドルもの費用を費やしますが、一般企業のユーザビリティは、専門家の知識無し、または、テストのための高価な機器無しにユーザビリティを実現できるのです。"
"ユーザビリティに関する基本情報と、どのようにウェブサイトに実装するかについてに関する記事を読むことで、知識を蓄積しウェブデザイナー達の仕事はより簡単になる。"
1. Include a Tagline "タグライン（キャッチフレーズ）を実装"
A tagline is a statement or a motto that represents a company's, or in our case a website's, philosophy and mission.It should be the most obvious element on a website's front page and it should clearly describe the website in one phrase.It should be the most obvious element on a website's front page and it should clearly describe the website in one phrase.
Statistics show that a website has just 8 seconds to capture a visitor's attention for them to browse the site further.
Without a clear tagline a website would have a hard time keeping visitors long enough to browse the inner pages.
"タグラインは、企業のメッセージまたはウェブサイトの座右の銘、もしくは我々の場合はウェブサイトの哲学とミッションである。"
"それは、最も明白な要素としてウェブサイトの前面に掲載すべきであり、尚且つ明確にウェブサイトのことを一つのフレーズ内に記述する必要があります"
"統計情報によれば、ウェブサイトを訪れた訪問者の注目を得るのに8秒間は停止するそうです。"
"ウェブサイトに明確なタグラインが無ければ、訪問者がページ内を見て回るのに十分苦労する長さでしょう。"
カナダのバンクーバーに渡り、早３年目に突入。移民申請を行いながら、制作現場から悶々と広告についての考えを巡らせる日々。この多人種国家で、様々な人と出会い、色々なことを学ぶ小生の気ままなメモ的なブログです。
info@ci-xx.org
- CSS (5) /
- HTML (2) /
- Life Hack (16) /
- Movable Type (4) /
- PHP (2) /
- SEO (8) /
- Windows (2) /
- Wordpress (2) /
- iPad (2) /
- iPhone (3) /
- smarty (1) /
- twitter (2) /
- つぶやき (2) /
- アプリケーション (10) /
- ウェブ (56) /
- デザイン (7) /
- デザイン関連 (20) /
- ニュース (1) /
- ニュース関連 (1) /
- バンクーバー日記 (65) /
- ビジネス (4) /
- ピアノ (5) /
- マーケティング (12) /
- ユーザビリティ (2) /
- 仕事 (3) /
- 休息 (25) /
- 写真 (6) /
- 広告全般 (7) /
- 思慮 (36) /
- 情報整理 (10) /
- 書籍 (15) /
- 翻訳 (6) /
- 英語 (6) /
- 製品関連 (1) /
- 音楽 (6) /
- July 2010(6) /
- June 2010(7) /
- May 2010(13) /
- April 2010(13) /
- March 2010(11) /
- February 2010(5) /
- January 2010(16) /
- December 2009(4) /
- November 2009(6) /
- October 2009(5) /
- September 2009(11) /
- August 2009(4) /
- July 2009(4) /
- June 2009(7) /
- May 2009(2) /
- April 2009(4) /
- March 2009(1) /
- February 2009(5) /
- January 2009(22) /
- December 2008(8) /
- November 2008(7) /
- October 2008(10) /
- September 2008(9) /
- August 2008(8) /
- July 2008(9) /
- June 2008(1) /
- May 2008(4) /
- April 2008(3) /
- March 2008(19) /
- February 2008(7) /
- January 2008(3) /
- December 2007(9) /
- November 2007(3) /
- October 2007(5) /
