「締め切りは絶対に守るもの」と考えると世界が変わる
2011年にインプレスジャパンから「エンジニアとしての生き方」という本を出版して以来、書籍よりは「メルマガ（週刊 Life is Beautiful）」の執筆を優先して来た私ですが、この度、とある編集者に説得されて「時間術」の本を出版することになりました。 『なぜ、あなたの仕事は終わらないのか スピードは最強の武器である』（文響社） 「時間術」とは言っても、巷に良くある「どうやって時間を効率よく使うか」という話ではなく、実際の仕事の現場において「常に締め切り通りに仕事を終える人」になるための、私なりの「仕事に対する取り組み方」を解説した仕事術の本です。 「いつも締め切りに追われている」「締め切り間際にならないと本気で仕事ができない」という悩みを抱える人たちには是非とも読んでいただきたい本です。締め切りを守れるかどうかは、締め切り間際のラストスパートで決まるのではなく、もっと前の段階での、「
『怖くない！ Git for Web Developers』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
デザイン作業のスピードアップ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。
『デザイン作業の効率化』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、パシャオクのデザインを担当している今尾と申します。 今回は、UI設計や表現の話ではなく、プロジェクト進行における効率化の一環として ・次々に打ち出される改善施策へのスピーディな対応 ・デベロッパーとのスムーズなデザインファイル共有 ・新参スタッフや後任者へのスムーズなデザイン作業移管 などのために、パシャオクでテスト的に実践しているデザイン管理の方法をご紹介したいと思います。 ページの構成とスピーディーなデザイン改善 Amebaのいくつかのサービスと同様に、パシャオクの各ページも、 複数の異なる情報群にユーザーが効率的に接触できる場にす
レスポンシブWebデザインの実践ワークフロー(WDS)
第1回 Web Developer Selection「レスポンシブWebデザインの実践ワークフロー」のスライドです。
My app design workflow
Here it is — my complete iOS, Android and Mac app design workflow, starting from the first time you open Photoshop, to the app release and beyond. Now seemed like a good time to document how I’ve been working, because my workflow is about to drastically change again, with the release of Skala. Start low-fi #I always start with a non-Retina, 1× document size that’s mindful of the smallest or most c
なぜ "Designing in the browser" ワークフローへの移行が必要なのか - Zerobase Journal
QxilというQ&Aサイトで、藤原由翼さんが面白い質問をしていました： 皆さんはWebデザイナーのキャリアやスキルセットは今後どうあるべきだと思いますか？ (どうあることを期待されているかという経営者視点でのコメントもお待ちしています。) -- 藤原 由翼さんの質問 （※以下、質問者の藤原さん宛ではなく、多数の想定読者に向けた文章にしました） 「ウェブの技術的側面を理解していないデザイナーは、可変サイズを想定していないレイアウトや、CMYKカラー・モデルのデザイン・カンプを送ってくるので、マークアップ・エンジニアは無駄な苦労をするハメになる」といった逸話は、少し笑い話のようでもあります。しかし、ここにはデザインとテクノロジーの本質的関係性が見え隠れしています。 この文章では、「メディアの技術的側面を理解し、メディアの技術的特性を活かすことが、より良いデザインに通じる」という話をします。前
Responsive Web Design Workflow Considerations
Tips Responsive Web Design Workflow Considerations Josh ChanMarch 13, 20134 Comments04.3k Birthed in May 2010 in an article by Ethan Marcotte published on A List Apart called “Responsive Web Design“, this device-independent design philosophy has spread like wild fire amongst the design and development community. Evidence of the larger business community embracing responsive web design began in 201
Responsive Comping: Obtaining Signoff without Mockups
If you’re making websites, chances are you’ve given some thought to what constitutes a responsive-friendly design process—and you’ve probably found that adding a mockup for every breakpoint isn’t a sustainable approach. At least, that’s what happened at my company, Bearded, where we had spent years creating websites in Photoshop or Illustrator, having those mockups approved by our clients, then re
Responsive Web Design in the Browser Part 1: Kill Photoshop
If you’re like me, then you’ve had a love/hate relationship with Photoshop for almost a decade. The software is bloated, it crashes right at the moment you forgot to hit save, and it produces a design that is nothing more than a useless and non-functioning image to send to clients. Despite loathing the software that is the staple of our industry, we can’t live without it. High fidelity mockups hav
自分がロゴを作る時に意識してるポイント / Maka-Veli .com
こないだロゴを変えてサイトデザインも変えたわけですが、ロゴはもっともっともっと時間かけてやりたいところだったんですが、自分の性格上、それだといつまで経ってもやらないので一気に勢いでやりました。自分のブログですから、また気が向いたらマイナーチェンジを加えていく予定です。 自分のブログなんかでなく、お客さまのロゴ制作をする上で注意している点がいくつかありますので、今回はその辺りを書いてみようと思います。せっかくなのでMaka-Veli.comロゴと併せて とにかく最初は「作らない事」これにつきます まず、とにかく下調べ とにかく競合他社を調べまくります。 どんなロゴを使っているか そのロゴからどんな雰囲気を感じ取れるか どんな人が顧客、潜在顧客なのか（ターゲット） ここで仰天。教えてもらったんですが、なんと有名アニメ（？）のキャラと丸かぶりでしたよ。 良い悪例なので晒しておきます
モバイルファーストとレスポンシブWebデザインの関係 | MobileFirst.jp [企業スマートフォン戦略の実践情報サイト]
2012年、日本では大手企業や先進的な企業でのレスポンシブWebデザインの導入が進みました。海外では「今年2013年はレスポンシブWebデザインの年だ」というようなことが言われていますが、日本でも2013年はレスポンシブWebデザインが盛り上がりを見せそうだなと感じます。これから導入を検討される方のために、知っておきたいモバイルファーストとレスポンシブの関係性をまとめてみました。 モバイルファーストの背景：スマートフォンの普及 スマートフォンの普及が進んでいます。昨年2012年3月末時点ではスマートフォンの契約数は2820万契約でした。2013年3月では6508万契約数となるそうです。契約数では良くわかりませんが、割合でいうと昨年が22.5%と言われていたので、この契約数なら単純計算すると今年は50%前後になります。 スマートフォンはパソコンとは異なって、いつでもユーザーの手元にあってウェ
![モバイルファーストとレスポンシブWebデザインの関係 | MobileFirst.jp [企業スマートフォン戦略の実践情報サイト]](https://cdn-ak-scissors.b.st-hatena.com/image/square/dbe54923c45de61450a588b59bf5d28e926fe6c0/height=288;version=1;width=512/http%3A%2F%2Fwww.mobile-first.jp%2Fwp-content%2Fuploads%2F2013%2F01%2Fsmartphone1.png)
WordPressのテーマを自作するのためにやることリスト | WordPress自作屋
WordPressのテーマを自作するのためのやることリストです。便利なツールやサイトも紹介しています。テーマ自作 2012年12月1日 WordPressのテーマを自作するときにどこから手をつけていいのかわかりませんでした。 WordPressのテーマを自作したい、サイト（以下ブログも含む）を立ちあげたいという気持ちはめちゃくちゃあるのにどこから始めればいいのやらという状態です。 同じような人がいると思い、実際に僕がテーマを自作するときに使ったやることリストをまとめました。それぞれの作業で使える便利ツールとサイトも一緒にご紹介します。 「WordPressのテーマを自作したい」「サイトを立ちあげたい」と思っている人にオススメです。 ■全体像の把握 大きくは「考える作業」と「つくる作業」の2つです。その中に「企画」、「分析」、「設計」、「構築」、「運用」の5つがあります。そこからは細かい作業
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketchで変わるワークフロー
Treehouse Blog
Breaking Development: Prototyping Style
Top website templates for creative workflow.
CSS 20 stunning examples of CSS 3D transforms
Tips for using SVGs in web projects
Putting IA Theory into Practice :: UXmatters