プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
Photoshopをより便利に利用できる無料プラグインいろいろ
2013年12月17日 Photoshop, 便利ツール デザイナーにはかかせないツール、Adobe Photoshop。Creative Cloudになってどんどん便利になってきましたね！そんなPhotoshopをさらに使いやすくしてくれる無料プラグインが多数配布されています。私はPhotoshop CC ver. 14を使用しており、そのバージョンで使えるプラグインを中心に紹介していきます！ ↑私が10年以上利用している会計ソフト！ Photoshopプラグインの使い方 最新版のAdobe Extension Managerをダウンロード＆インストール ダウンロードしたPhotoshopプラグイン（.zxpファイル）をダブルクリック 自動的にAdobe Extension Managerが起動するので、そのままプラグインをインストール。自動的に起動しない場合はAdobe Extensi
Adobe、Web画像ツール「Fireworks」終了へ
米Adobe Systemsは5月6日（現地時間）、Webページ向けグラフィックスツール「Adobe Fireworks」の開発終了を発表した。同日発表の、6月に予定されているCreative製品のアップデートにFireworksは含まれない。 Creative Cloudへの移行に際しては、Fireworks CS6として提供を続け、バグ修正やセキュリティ関連のアップデートは継続する。 開発終了の理由は、Photoshop、Illustrator、Edge Reflowなどの他のAdobe製品との機能の重複が年々増えていることや、Web向けツールとして、従来よりもモジュール化したツールを提供する方針にシフトしてきていることという。 Fireworksは、Adobeが2005年に買収したMacromediaの製品。 Adobeは同日、Photoshop、Illustratorなどの一連のク
Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ
昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者！Illustrator初心者のた
web製作者向けチートシートまとめ - CHROMA
List Adobe関連 Illustrator Photoshop Fireworks Indesign Acrobat HTML,CSS HTML 文字実体参照 CSS HTML5+CSS3サポートブラウザ Canvas Haml,Sass Haml Sass Vim,Zencoding Vim Zencoding javascript/jQuery javascript jQuery UNIX 正規表現 検証ツール Firebug Chrome Developer Tool ブラウザ関連 Chrome Safari Firefox IE Mac 参考 アプリ・ツール Adobe関連(CS5-CS6) CS5と6のチートシート上げてるけど、adobe製品なら簡単にエクスポートできると思う。例えばfireworksなら、メニューバーから[Fireworks>ショートカット>現在のセット：
Adobeソフト激安！という広告が半信半疑だったけど、本当にPhotoshop CS6が安く買えたのでそのレポート
先月くらいから、あちこちのサイトのAdSenseで見かける「Adobeソフト激安！」の広告が気になっていて、買ってみたら本当に激安で、お仕事にも利用できるのが分かったので、そのレポートです。 追記：2014/4/10 この記事を書いてから一年以上経ちますが、まったく問題なくPhotoshop CS6を利用できています。 4/25にパッケージ版の販売が終了しますが、記事はそのまま残しておきます。 MacにインストールしたPhotoshop CS6 Twitterなどで何人かの人に質問を受け、気になりつつも半信半疑なのも正直なところだと思うので、ざっとレポートします。 流行りのステマじゃないですよｗ 購入前に、半信半疑だったこと 確かに表記価格は、店頭やオンラインショップよりはるかに安いです。 Amazonで118,126円のPhotoshop CS6 Extendedが33,000円（Ama
四畳半ワークス+1.5
とある六畳間で印刷物を作ったりWEB的な何かをしていたり、物思いをしてみたり、嫁様の目を盗んでtwitterとかしてたりします。
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
Adobe AIR 2 マスターシリーズ 第1回 Adobe AIR 2をはじめよう | デベロッパーセンター
2010年6月9日にAdobe AIR 2がリリースされました。約2年半振りのメジャーバージョンアップとなり、多くの新機能追加と機能強化が行われています。本連載（全10回予定）では、 それら機能について詳しく説明するとともに、サンプルアプリを用いながらその使い方を解説していきます。 ・第1回 Adobe AIR 2をはじめよう ・第2回 サーバーソケット／ データグラムソケットなどのネットワーク系機能 ・第3回 Safari 4.0.3 と同等の WebKit を搭載 第1回目は「Adobe AIR 2をはじめよう」と題し、あらためてAdobe AIRと新機能の概要を説明するとともに、「開発環境の構築→アプリ作成の手順→配布」とAIRアプリケーションを作成する際の一連の流れについて解説します。 本記事のサンプル：AIR2master01sample.zip Adobe AIRとは AI
Androidアプリ、Adobe AIRアプリもFlash、HTML5も動くMeeGoベースのタブレット「WeTab」の発売日が9月21日に決定【動画あり】
Androidアプリ、Adobe AIRアプリもFlash、HTML5も動くMeeGoベースのタブレット「WeTab」の発売日が9月21日に決定【動画あり】 ドイツのIT企業Neofonieが長い開発期間を経てリリースするハイスペック・タブレット端末「WeTab」がいよいよ9月21日に発売されることが明らかになった。当初はNeofonieから販売される予定だったが、最終的には同社と独4tiitoによって立ち上げられたジョイントベンチャー企業WeTabからリリースされる。 WeTabは11.6インチの大型高精細ディスプレイを搭載し、OSにはMeeGoをベースにした「WeTab OS」を採用。MeeGo自体がLinuxベースであることに加え、様々なプラットフォームの環境を統合しているため、WeTabでは多種多様なアプリを動作させることができる。公式に対応が発表されているのはLinux、MeeG
FlexおよびJavaアプリケーション構築のためのテクノロジー
はじめに この記事では、FlexおよびJavaアプリケーションの構築に使用されるテクノロジーの概要を紹介します。読者としてはJava、Flex、Adobe AIR、その他のデベロッパーを想定していますが、これらすべてのテクノロジーに通じている必要はありません。 関連記事「FlexおよびJavaアプリケーションのアーキテクチャ」と、概要ビデオ「Flex 4およびJava統合の紹介」もご覧ください。 Adobe Flash Platform Adobe Flash Platformは、リッチアプリケーション（swfファイルの形式）の作成・実行・データ供給のためのテクノロジーファミリー全体にアドビが付けた名前であり、クライアントランタイム、ツール、フレームワーク、サーバー、クラウドサービスを含みます。その個々のコンポーネントの多くは、この記事で詳しく説明します。 Flash Platformラン
FlexとPHPを選ぶ理由
Flexはクライアントサイドのテクノロジーであり、PHPはサーバーサイドのテクノロジーです。どちらのテクノロジーも非常に成熟しています。本稿では、Flexと関連するテクノロジーについて説明します。 Flexとは Flexとはいったい何でしょうか。最も簡単な答えはこうです。Flexとは、Adobe Flash Professionalで作成されたAdobe Flash Player上のアプリケーションを作成する方法の1つです。FlexアプリケーションはコンパイルされてSWFファイルになり、ブラウザー内部で Flash Playerによって実行されます。 Adobe Flash Professionalで作成されたAdobe Flash Player上のアプリケーションを作成する方法がもう1つ必要になった理由は何でしょうか。これまで、このようなアプリケーションは、Flash Professio
ActionScript 3 のガイド、チュートリアル、サンプル
ActionScript 3 は、以前のバージョンと比べて格段にプログラミングし易くなりました。クラスやオブジェクトを簡単に再利用できる API としてパッケージすることで、ActionScript 3 では、アプリケーション開発で必要な機能に素早く、より直接的にアクセスして利用できるようになります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
アイデアをどこでも形に！Dreamweaver＋Proto連携 ～Adobe Creative Cloudの上手な活用法
designmap.info
JSFLのコードヒントを出すためのJsDocを作ったよ。 || ImageLogic -web design, development, photography and more-
WordPress › Error
クラスメソッド株式会社 | 使い勝手の良いビジネスアプリとインターフェースのことならクラスメソッドへ
Engadget | Technology News & Reviews
