Automatorすごいよ。いろんなワークフローを自動化できます。とりあえず、例として複数のPDFファイルを結合する方法です。 アプリケーションのなかのAutomator.appを起動します。「カスタム」を選択。 アクションをドラッグ＆ドロップして、ワークフローを作ることができます。複数のPDFファイルを結合するには。 指定されたFinder項目を取得 結合したいファイルを選びます。 Finder項目にフィルタを適用 「ファイルのタイプ」「PDFファイル」「である」 Finder項目を並びかえる。 ファイル名の頭に数字を振っておくと良いです。 PDFページを結合 「ページを追加」にすると、並び替えた順に結合されます。 Finder項目を移動 保存先を選びます。 実行。アクションが実行されるごとにチェックマークが付いていきます。カッコイイ。 他にもたくさんのアクションが用意されています。ちょ

こんばんは、編集委員の早川です。 先日は Evernoteもすっかり有名になり、パスワード流出がなんとNHKニュースにまでなっていましたね。 （過去記事）Evernoteにログインできないと思ったら...復帰の手順【全ユーザーのパスワードリセット】 Evernoteを使ってメモをとったりボイスを残したりするのは、すでに多くの人がやっていると思いますが、それ以外にもできるコンテンツプロデューサーならば、ぜひいついかなるときもアイディアをいつでもまとめられる用にしておきたいものです！ というわけで、僕の愛用する"アイディアまとめ系"ツール2本を紹介します。1．Balsamiq Mockup みなさん、webサイトや、アプリのモックアップって何使って作ってますか？ 実際の現場では、adobeのPhotoshopやIllustrator、それにFireworksなんてのをよく見かけますが、そもそも

日本でも海外でも、WordPressはもっとも広く普及してているCMSです。ただ企業サイトに目を向けてみると、日本ではまだまだ導入しているサイトが少ないなぁというような印象を受けます。しかし確実に導入している企業は増えてきています。 「どうしてWordPressなのか」その理由を語りだすときりがありませんが、中小規模のホームページボリュームでしたら、WordPressからの恩恵をかなり受けることができます。例えば、お客様ご自身の手によって簡単な更新ができたり、スタッフブログの更新ができたり、そしてスマートフォンサイトの導入もラクにしてくれます。 そこで今回は、日本の企業サイトでWordPressを使用しているサイトを集めてみました。ご紹介するサイト以外にもまだまだたくさんのサイトがあるのですが、今回「みんなが知っている企業」という視点でいくつか集めました。（微妙に企業とは違うサイトもありま

Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ

「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com/glyphs/ ダウンロードは右端の青とオレンジ色のボタンから行います。なお、青色の「DOWNLOAD ALL ICONS IN ONE FONT」からはTTF形式とウェブ用のアイコンフォントをダウンロードでき、オレンジ色のボタンからはPNG形式のアイコンがダウンロード可能。 アイコンフォントは「ビジネス」や「コミュニケーション」など14のカテゴリーに分けられています。以下はビジネスカテゴリーの

ドットインストール代表のライフハックブログ

ドットインストール代表のライフハックブログ

タイトルで「知ってるよ！」と思った方は後半部分へどうぞ。 ライフハッカーでも度々取り上げてきていますが、ブックマークレットという言葉を目にしたことがあるでしょうか。好きなウェブページを「お気に入り」として保存して、いつでも飛べるようにする「ブックマーク」と言葉が似ていますね。それもそのはず、ザックリ言うと、ブックマークレットはブックマークの友達みたいなものだからです。 さて、どんな友達か。彼はなかなか賢いヤツです。ブックマークの役割が「好きなウェブページにジャンプできる」だとしたら、ブックマークレットは「好きなウェブページでちょっと便利な機能が使える」になります。例えば、YouTubeの動画をリピート再生する、見ているページの短縮URLを表示するなどです。 とはいえ、何か特別なソフトをインストールするわけではありません。上の画像のようにブックマークバーに登録すればOK。機能を使いたい時は、

今日は4月1日である。4月1日は、年度の切り替わりということで人によっては特別な一日だ。例えば、学生であれば学年が変わる。そして、今日から会社員になったという人も、決して少なくはないはずだ。 入社式で、偉い人から「社会人としての責任を」とか、「もう学生とは違う」とか、そういうご高説をたくさん賜ったことだろうと思うが、こういったご高説はエイプリルフールの冗談か何かだと思って、さっさと忘れてしまうことをおすすめしたい。それよりも、僕が今日から会社員になった人たちにぜひとも意識してほしいと思うのは、会社との距離感である。 日本の場合、「社員を家族だと思う」なんていう偽善的な言葉が出てくるぐらい、会社と従業員の関係が密接である場合が少なくない。これがいい意味で使われるのならいいのだけど、どちらかというと「会社が今は危機的な状況だから、我慢してくれ。家族ならみんなで協力して家を支えるだろう」という方

もうとりあえず黙って入れておくべきなMarsEdit。値段は高めですが、すぐに元は取れます。様々な機能がありますが、特に ・ドラッグアンドドロップで画像を挿入＆アップロード ・ショートカットキーで簡単タグ挿入 の二つが爆速執筆を支えます。ホントに2倍以上早くなりますよ。特に、画像を多めに使うブロガーの方は間違いなくダウンロードしておくべきです。 関連記事：Mac用ブログエディタ「MarsEdit」で生産性向上—個人メディア運営におすすめのツール 2. ヨメレバ、カエレバ、ポチレバ Amazon、楽天、iTunesなどのアフィリエイトをサクッと作成できるすばらしいブックマークレット。Windowsでも利用できます。MarsEdit同様、これがない生活は考えられません。制作者は「わかったブログ」のかん吉さん。現役ブロガーが手がけるツールだけあって、大変使い勝手がよいです。感謝！ 3. Visi

MIND HACKSとインタフェースデザインの心理学を引用しながら、デザインの基本4原則を解説していきます。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック http…

人物写真を切り取る時はかなり気を使います。写真であれば、人間の体のどこだって切り取ってしまえるわけですから。イギリスの写真・映像テクニックメディア『Digital Camera World』に、人物写真で切り取ってもいい場所・悪い場所を図解したイラストが載っていました。 人物写真を切り取って気まずい思いをする前に、この図を参考にしてください。下の図の緑の線は切り取ってもいい場所で、赤い線は切り取らない方がいい場所です。例えば、肘の上で切り取らないのであれば、肘も手首も手も全部入るようにした方がいいということです。この図を参考にしながら、パソコンで人物写真を加工したり、写真を撮る時に被写体に一歩近寄って構図を変えたりしてみてください。 このガイドによると、「関節は切るべからず」というのが基本原則のようです。Digital Photography Worldで、「膝に緑の線があるのは基本原則か

導入企業の1000社突破記念で六本木ヒルズに戦車を呼んだり、プレスカンファレンスにアントニオ猪木さんやアイドルの篠崎愛さんを登壇させるなど、近ごろ悪ノリがお好きな様子のサイボウズ。今度は悪の秘密結社“ショッカー”がクラウドサービス『cybozu.com』を導入、導入3000社目となったことを発表しました。 代表取締役社長の青野慶久氏自身も、これまでスギちゃんと同じ衣装で共演したり、猪木さんの赤い闘魂タオルを首にかけてカンファレンスの告知をするなど、自ら楽しんでいるご様子。今回も同社のCBO（チーフ・ブランディング・オフィサー）を務めるおちまさと氏と共に、ショッカー戦闘員3名と発表記者会見を開きました。 “世界征服”の目標を掲げて日夜活動するショッカー。ゾル大佐や死神博士などの大幹部クラスが各国の征服や怪人の改造といった計画を立案・指揮しています。その下に控える科学班や幹部クラスが現場の怪人

ドットインストール代表のライフハックブログ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

iPhoneアプリ開発に関する本は溢れていますが、iOSはとても奥が深く、本だけでは自分に必要な情報を集めきることは不可能です。そこで、突っ込んだ情報はインターネットを使って、探していくことが必要です。今回は、インターネットで公開されている有益なサイトをまとめてみました。 iPhoneアプリ開発の基礎いまさら聞けないiPhone/iPadアプリの作り方の基礎目指せ！iPhoneアプリ開発エキスパートiPhoneプログラミングの基礎：View Controller第2回 iOSアプリ開発の準備iOS Developer Programへの登録方法C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。Objective-CについてObjective-C入門Objective-C 最速基礎文法マスターObejctive-C 3分クッキング苦しんで覚えるC言語ダイナミッ

コードスニペットを共有できる Webサービスは沢山ありますが、 CSSPopはCSSを専門としたコード 共有サイトです。なかなか珍しい し、結構便利な小技も見かけま した。 CSS専門のスニペット共有サイトです。動作デモも見る事が出来ますよ。 CSSのコード共有サイト。ユーザー登録も出来ますが、しなくてもコードを書いてデモを確認する事も可能です。 Findからコードを探せます。サムネイルがあるので探しやすい。カテゴリはdiv、input、buttonなどのDOM要素で分けられています。 Createでコードを書く画面に進みます。入力項目はHTMLとCSSで、書くと同時にプレビューに繁栄されます。あとはtypeと説明を書けばOKです。 結構見ちゃいますね。数も結構揃っています。 CSSPop

【Photoshop基本操作】色調補正とは、画像データをイメージどおりに調整することを示します。カメラやスキャナなどの入力機器から、パソコンへ取り込んだ「写真」に対して使われることが多く、専門的な知識やテクニックを要する作業領域です。Photoshop には、［色調補正］メニューから選べるさまざまな色調補正ツールがあります。 「スライダをいじくればできる」と思っている方は、よほどの天才なのでしょう。正確な補正を効率よくするためには、まず、見た目の勘だけに頼らないという考え方が重要になってきます。そして、あたりまえですが、各色調補正ツールの特性を知ること…。あまりにも広大で漠然とした作業領域だけに、その突破口を見つけるのも大変です。 そもそも、ゴール地点もわからずスタートするようなことでは、いつまでたってもマスターできないですよね。そこでまず、画像を補正するという「動機」を見直してください。

2013年3月25日 CSS CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに！画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを表示する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ アイコンフォントとは？ アルファベット1文字に1つのアイコンが設定されているフォントの総称です。サーバー上にあるフォントファイルを読み込んでフォントを表示する「Webフォント」の応用として使われ始めました。今までのような画像を使ったアイコンとは違い、フォントはベクターファイルなので、サイズを大きくしてもギザギザに見えることはありません。つまりiPhoneやiPadといった高解像度のディスプレイでも、劣化することなくきれいに表示されます。 ただし！何らかの原因でフォントファイルがダウンロー

社会人になった時点で、ある程度の敬語やら丁寧語やらの講習・勉強は済ましているのがほとんどだと思いますが、「話し方」「伝え方」まではあまり意識して使えていない方が多いように感じます。（過去の自分も含めて） なので今回はWebディレクターという職域を任された場合に発生する口頭でのコミュニケーションにおいて、何をどうすると内容が人に伝わりやすいのか？をまとめてみました。 どういった時に口頭でのコミュニケーションが必要になるのか Webディレクターとして仕事をする上で、「口で言って物事を伝える」という場は実はそんなに多くはありません。が、その少ない機会というのがすごく重要な場合ばかりなので、どんな場所で必要になるのか？をまずは書いておきます。 代表的なパターン（対外部） ・クライアントに対し提案、交渉を行う時 ・要望やクレームに対する回答を返す場合 ・成果など、何かを報告する時 代表的なパターン（

ずいぶん久しぶりの更新になりました。 しかも一部の方に予告していた内容と全然違う内容です。ごめんなさい。 まあ、ちょっと忙しくて何書こうとしてたんだか忘れた感じです。 さて、今回は表題にもあるとおりクライアントとの更新やりとりを簡単にしよう！っていう意図から、僕がディレクションの現場で使ってきたテンプレートやら何やらを公開しながら後悔するっていうネタになります。 そもそもなんで更新依頼処理ってあんなに面倒なんだろう？ 案件やサイトの構造、クライアントの理解度とかこだわり具合によってかなり変化するとは思いますが、大体以下の流れを辿ってサイトの更新依頼から公開となります。 更新時の依頼→制作フロー ・まずは何の話なのかを解読 ・更新なのか新設なのかを解読 ・何がやりたいのか？またそれはなぜなのか？を聞き取って ・どのくらいの期間であげればいいか確認 ・要素を洗い出してざっくりワイヤー作って ・

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

googleからNexus7が格安で販売されていたり、microsoftからsurfaceが日本でも発売になったり、 ますますタブレットでのウェブビューイングが広まっていくのは必至でしょう。 そんななか、検索エンジンでもあるgoogleが推奨しているのはレスポンシブ表示。 今回は、そんなレスポンシブなサイトを作る際のブレークポイントをキーにして 実際どんなものが作られているかを交えて考えていきたいとおもいます。 ざっくり言うと、どのサイズでどの表示をするかというのをピクセル幅で切り替えていくポイントのことです。 320, 480, 600, 768, 1024 あたりで区切ります。 googleのドキュメントにもあるように @media only screen and (max-width: 640px) {...} のようなカタチでCSSを切り分けていきます。 1024と320のみのPC

Captcha security check vanillate.com is for sale Please prove you're not a robot View Price Processing

個人でかわいいグッズを作ってはブログにアップされている「Eat Drink Chic」。 風船や、ペンが彼女にかかればこんなにかわいくなるのです。 ・related by Bits of Happy... » Eat Drink Chic

フォントの種類ってめっちゃめちゃありますよね。こんなもん当然一つ一つ覚えてられません！ ですが、フォントの種類がそれぞれどのように成り立ち、どんな目的があって作られてきたのかが分かれば、新しく知るフォントも体系立てて覚えることが出来るのではないでしょうか。そして、覚えることより、フォントを相応しい場所で使う、またはどこまで考える必要があるのか…それを判断する事が出来るようになるのだと思います。 というわけで、フォントがどのように分類されるのかザーッとまとめてみます。 フォントの時代、様式に関する分類 フォント、書体というものは文化とともに作られ、必要とされて生まれてきています。 …この章は一応必要だから書きますけど、調べているうちにほぼこの記事で完結しているというレベルの記事を見つけてしまったので、さらっと触れるに留めます(って思ってましたけど結局長いです)。 書体の分類 書体の世界 ブラ

全く何の障害物も無いただの道路でコケて足を捻挫した seki です。皆さんも野生の小人さんには気をつけてください。 最近Webデザインのまとめサイトなどを巡回していて、シンプルで美しいデザインに加え、メインもしくは、アクセントカラーなどに「水色」を取り入れるサイトをよく見かけるようになりました。着々とわたしのブックマークがいいスピードで増えてきたので、今回は、そういった「水色」カラーのwebサイトの中でも、割と新しめのWebサイトを、ピックアップしていくつかご紹介したいと思います。 水色の美しいWebデザイン10個 シンプルなもの以外にも、色々な表現方法が楽しめる水色デザイン、個性豊かで見ているだけでも面白いので、参考にしてみてください。 click5interactive 海外のWebやアプリ開発を行う企業のWebサイトです。ロゴにさりげなく使われている水色をバランス良く使って、サイト全

こんにちは！ 前回の記事「Webサイトを魅力的にするAboutページまとめ8つ」に引き続き、Webサイトの特定のページをまとめてみました！ 今回まとめたのは「採用ページ」です！ 国内外問わず「優れたデザイン/ 企業のことがよくわかる/ その会社で働きたくなる」をポイントにまとめてみました！ 海外編 Pinterest http://about.pinterest.com/careers/ Pinterestのロゴと同じ赤色と、たくさんの職場内の写真が印象的なページです。 各セクションがリズムよくわかれているので文章がとても読みやすいです。 Kickstarter http://www.kickstarter.com/team 画像と文章の組み合わせ方がとてもきれいです。おもしろいのは採用ページ終盤の「It’s fun!」というセクションにある文章の中の「hack days」にマウスオンする

Forkwell（フォークウェル）は ITエンジニアのキャリアに 本気で向き合う転職サイトです。 スカウトメール、求人票、ポートフォリオなど、 ITエンジニアに寄り添ったサービスで、理想の転職を実現します｡ いますぐ無料で登録する ITエンジニアのキャリアに 本気で向き合う転職サイト Forkwellとは? 登録企業は大手からスタートアップまで様々。 あなたに魅力を感じた企業から直接スカウトがくるので、 求人を探す手間が省けます。 さらに、ポートフォリオの生成で、 よりあなたの希望に近いスカウトが受け取れ、 その企業の反応から、あなたの市場価値もわかります。

Strategic Visioning with the World Bank Reflecting on Tokyo Development Learning Center’s past, present, and futureStrategic Visioning with the World Bank Reflecting on Tokyo Development Learning Center’s past, present, and future What does it mean to coexist with our ecosystem? Conducting fieldwork in MorinomiyaWhat does it mean to coexist with our ecosystem? Conducting fieldwork in Morinomiya Th

何かがうまくいかない時は、やっている本人も面白くありません。けれども、自分をごまかしたり、理由をこじつけてなんとか続けようとしたりします。人間というのは習慣に固執しがちですが、時にはやめるという決断も必要です。ベンチャーキャピタリストのBrad Feldさんは、「うまくいかないことはやめなさい」とよく言っています。生産性向上系ブログ「99u」のインタビューで、その理由について語っていました。 何かがうまくいかない上に、面白くも感じられない場合は、それに向いていないのかもしれません。うまくいかなくても、自分にとって大事だったり、もっとうまくやりたいと思っていたり、夢中になっていたりするのであれば、やり続けましょう。何かをやるのが嫌だと思った時は、大抵それはやる価値のないことだという指標のようなものです。なので、他に選択肢があれば、やめた方がいいでしょう。 とはいえ、最初から何でもうまくできる

ここ最近読んだ本の中ではピカイチです。書中から、刺さったことばをご紹介。 こんなにおかしい日本の「働く」 ・日本の外では「カローシ（過労死）」はしゃべる電子レンジや、幼女のパンツ付きの雑誌や、こんにゃくゼリーが喉に詰まって亡くなる人、のような「びっくりニュース」扱いなのです。「カローシ」するような人がいる国は「ネタ」だとしか思われていないのです。 ・彼ら（外国人）にとって仕事は人生における一部にすぎません。手段であり目的ではないのです。人間の生きる意味は仕事ではないのです。しかし、日本ではその手段が目的になってしまっている。まったく理解ができない、というわけです。 ・しかし、私は思うのです。皆、なぜ心や体を壊すまで我慢しているのでしょうか？こんな酷い働かせ方をしたら、欧州であれば、労働法違反だけではなく、欧州人権条約違反として訴えられてしまいます。そんなことになれば、大企業であれば、欧州全

作ること自体が好きな人 皆さんがそうかはわかりませんが、私は何かモノを作ること自体が好きです。web制作のみならず、イラスト、グラフィック、DTP、ゲーム、映像、立体造形、服飾、建築、料理、ストーリー、音楽…何かモノを作るということはそれに触れるものの生活を豊かにします。 これらの中で私が実際に関わったことがある制作はいくつもありませんが、モノを作るという行為自体に共通した何かを感じ、他ジャンルの制作に共感したりすることがあるわけです。 自分では作れないモノに対する憧れ そして、私はそうした明らかに素晴らしい制作物を見たとき、他ジャンルであっても「こんなものが作れたら…」と憧れてしまう事があります。 そんなとき、恐らくその憧れを構成しているものは、 発想 技術 成果 の三つであると思います。 発想 「よくこんなものが思いつくなー、どんなところから着想を得ているんだろう…」というような、主に

デザイン上級者は、中級者と初心者と何が違うんだろう？って思った時に、こちらの本が役に立ちました。 『上達の法則 – 効率のよい努力を科学する –』という本です。この本には、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。この本を参考に、デザイン上級者の特徴と、上級者になるための実践方法を書いてみました。 デザイン上級者の特徴 1. 上級者は一つのデザインから読み取ることが多い 一つのデザインを見たとき、上級者の方が中級者、初級者よりも気づくことが多いです。例えば、背景に薄くグラデーションがかかっているとか、縦のグリッドのラインが揃っているなど。 また、そのデザインからたくさんの情報を引き出しているので、長く見ても退屈しにくいという特徴を持っています。 2. 上手なデザインをするということに高い価値をおいている 上級者は、デザインに対して本気で取り組む度合いが高いため、上手な

コツコツと作りためていたPhotoshop用のパターン素材を配布してみます。 下の画像だとわかりづらいですが、背景がグレーの部分を透過しているものが多いです。 なので色を重ねたり、描画モードを変えたりして色々と組み合わせて使うことができます。色や描画モードによって表情も変わってくるので、ぜひお試しください。 使い方 ダウンロードしたzipファイルを解凍する。 パターンファイルを選択し、開いているPhotoshop内にドラッグする。 それで追加されなければ、『レイヤースタイル』→『パターンオーバーレイ』→パターンのサムネイルクリック→右の設定アイコンをクリック→『パターンの読み込み』を選びます

2013年 04月 05日 とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 カテゴリ： Firefox タグ：javascriptエディタデバッグ JavaScriptを記述出来るエディタは沢山あるんですが、「とりあえずソースを書いて試したい」って時はFirefoxに標準で付属しているScratchpad（スクラッチパッド）を使っています。 Scratchpad（スクラッチパッド） Firefox 6で搭載されたスクラッチパッド。使ってる人は結構居るかもしれませんが、まだ知らない人も居ると思うのでちょっと紹介しようと思いました。 Firefoxにはブラウジングする機能以外に開発者向けの機能が沢山備わっています。Scratchpad（スクラッチパッド）もその中の一つで、これはJavaScriptのソースを記述・実行・デバッグが

このハンドメイド作品について 取っ手の付いた裏布付きの巾着です。中を開けても二枚仕立てなのでキレイです。温泉やサウナなどでの化粧品入れ兼バックとして、旅行用の小物入れとしても便利です。

どうしたらクライアントの納得するデザインにたどり着けるのだろう。と考えたことはありませんか？デザインのフィードバック地獄で苦労したWebデザイナー、ディレクターの方は多いと思いますが、振り回されがちなWebデザイナーの特徴とその対処法について、ケーススタディでまとめてみました。 ■クライアントに振り回されるWebデザイナー/WEBディレクターの特徴 「フィードバック指示を額面通りに受け取ってしまう」 これに尽きます。クライアントはデザインをした事が無い人がほとんどなので、修正指示もデザイン的には正しくない事がかなりの割合であります。 これは映画を観て良かった悪かったは誰にでも評価できるが、その映画をどのように修正したらよりよくなるかは経験を積んだ者にしかわからない、というのと同じことです。 にもかかわらず、「ここのボタンを赤くしてください」、「背景をグレーにしてください」という指示を額面通

※この記事では「Webデザイナー」は、「ノンプログラマ」の意味で使っています。 psd、ai などの材料データの管理ではなく、サーバーにアップするファイルの管理の話です。 サルでもわかるといわれても、やっぱりわからない・・・ Web制作をやっている人は、少なからずバージョン管理システムの話を聞いたことがあると思います。 特にGit（ギット）っていうのは、内容まで知らなくても名前くらいは聞いたことがありますよね。 で、ネット上ではバージョン管理システムのメリットに関するブログ記事なんかもたくさんあって、変更履歴をたどれるとか、複数人で同じファイルを修正したりといった時のトラブルに対応できるとか、なんか便利そうだなーとは思っていたわけですが、ずーっと導入は見送ってきました。 その理由は・・・ 「Git入門」とか書いてある記事を読んでも導入方法が書いてあるだけで、実際に使うシチュエーションが思い

今更ながら最近PSPの「勇者のくせになまいきだor2」が楽しくて仕方ない seki です。世界に平和はおとずれなぁい!!! さてさて今回は、もう何番煎じになるか分りませんが･･･！私がよく使うカラースキームツールのご紹介です。こういうツールは、突然URLが消えてなくなってしまう事もあるので、定期的におさらいも兼ねて一覧を作っておくのはいいことなんだ･･･！と自分に言い聞かせつつ、最近のものから定番のものまで、これだけ抑えておけば大丈夫！という、多機能で使いやすいものを選んでみました。 詳細は以下より。 カラースキームツールを使いこなそう！ 色選びを感覚でやると怒られる･･･！という現実を知ってからというもの、こういうツールを自然とブックマークし、集めるようになりました。説得力ある色選びをするには欠かせないツールのご紹介。 「kuler」 これはもう定番中の定番ですね！Photoshopにも

全国で遊ばれた、カルタで遊びながらHTML5を学べる学習ゲーム 「HTML5KARUTA」。 初版を完売し、今回web制作者の仕事や学習を支援すべく再販致します！ ■HTML5KARUTAとは 「HTML5KARUTA」は、これからのweb制作という技術において必須とされるマークアップ言語「HTML5」を遊びながら学ぶことが出来る、学習のためのツールです！ 札には一枚一枚、HTML5における要素を定義するタグが印刷されており、プレイヤーは読み札で読み上げられるタグの説明から、該当するタグの札を探し出し、札を取ります。 これを繰り返して取った札の枚数を競うという、ゲームとしては非常にシンプルなものです。 ■なぜHTML5KARUTAを作っているか HTML5は現在進行中の世界的なプロジェクトでもあり、今日のwebを担っている企業や団体が、その発展に取り組んでいます。 WEBCRE8.jpも個

デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真