プロのWebデザイナーが使用している人気のツール、フォント、ワークフローなどのまとめ -Web Design Trend Report
プロのWebデザイナー、デベロッパーが実際に作業しているファイルを元に、Webデザインのトレンドをツール、カラー、フォント、エフェクト、ワークフローの観点から調査したレポートを紹介します。 安定して人気のあるトレンド、変化しているトレンドをチェックできます。 2016 Web Design Trend Report デザイナーとデベロッパーのコラボツール「Avocode」で利用された1,127,302のPSDとSketchファイルに基づき、2016年のデータとしてまとめたものです。 レポート公開にあたり、私もほんの少しだけ協力しています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webデザイナーが使用しているツール デザインのコンポーネント化 ファイルのリビジョン ファイルの容量 Webデザインでもっとも人気が高いフリー
色を使う仕事にありがちな8つの失敗とその対処法 - 99designs
私たちデザイナーには、色について何かに例えて語るようなぜいたくは許されていません。デザイナーは主にRGBやCMYKや16進数の世界にいて、定期的にHSBの世界を旅します。 愉快ではないでしょうが、これは重要なことです。色を使うことはグラフィックデザイン業界では必須であり、色に関するミスのせいで印刷会社に大きな経済的損失を与えることもあります。 それではよくある失敗を見ていきましょう。 1.古いモニタまたは安価なモニタを使っている — あなたのモニタは最新型ですか？ 物事には順序があります。プロ仕様ではないモニタや、単に古すぎて正しい色や輝度値で表示できないモニタでは、まともに色を映し出すことなど期待できません。 ほとんどのモニタは、ゲームやビジネスには使用することができますが、あなたのような専門家のためには作られていません。安物の電子機器と質の低いディスプレイ技術を使用したモニタは、たった
正式版がリリースしたAvocodeの便利な使い方をご紹介（コリス限定の優待コードもあるよ） | コリス
制作の効率が劇的にアップする『Avocode』の正式版が、1/29にリリースされました！ Avocodeは簡単に言うと、PSDのプレビューや書き出しをPhotoshop無しで行うもので、書き出しは画像だけでなく、SVGやCSSにも対応しています。画像のスライスやスタイルシートのコーディング作業がググッと楽になるWin/Mac/Linux対応のアプリです。 正式版で、特に大きく変わったのがデザイナー用簡単GitHub。これは無料で単体利用できる機能で、PSDファイルの共有やリビジョン管理が非常に簡単にできます。 ベータ版の時から、そして正式版がリリースされてからみっちりと試したので、Avocodeの使い方や登録方法を紹介します。 Avocode Avocodeには無料と有料のプランがあり、有料プランの優待コードがコリスのビジター限定でもれなく使用できます。無料プランだけを使ってもよし、有料プ
The ustwo™ Pixel Perfect Precision Handbook 2 日本語版
『Pixel Perfect Precision™ Handbook 2』（以下PPP™）は、ウェブサイトなどのデジタル環境用のデザインをする上での基本原則と、実践ですぐに使える具体的なPhotoshopのテクニックが収録されているドキュメントです。その名の通り、パーフェクトな精度のピクセルでデザインをするためのノウハウが、わかりやすいビジュアルと簡潔な文章でまとまっています。 元々PPP™は、グローバルに拠点を置くデジタルデザインスタジオustwo™ のGyppsy氏が制作したドキュメントです。iBooks版とPDF版のPPP™ドキュメントに加え、スクリプトやPhotoshopパターン集を付録の「エクストラ」として、ustwo™ ウェブサイトにて無償で配布しています。 PPP™は、デジタルデザインを学びたい人に、デザインの基礎知識と概念的な全体像を提供できるドキュメントであると同時に、既
商用利用無料・バックリンク不要、ミニマルで汎用性に優れた100%ベクターのアイコン素材 -Joel Siddall
商用利用無料・バックリンク不要、ミニマルで汎用性に優れた100%ベクターのアイコン素材 -Joel Siddall
ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
商用利用無料、小さいながらも細部まで丁寧に作りこまれたアイコン素材 -Crisp Icon Set
シンプルでくっきりしたデザインのアイコンのベクター素材を紹介します。 カスタムシェイプやRetinaディスプレイ用も完備です。 アイコン全108種類 ダウンロードできる素材のフォーマットは、ウェブ制作者に嬉しいさまざまなものが揃っています。 .psd -プレビュー・シェイプ・Retinaディスプレイ用の3種 .png -そのまますぐにアイコンとして使う用 .csh -Photoshop用のカスタムシェイプ .psd, .pngは、16x16, 32x32, 48x48の3サイズが完備。 PSDはアイコンごとにレイヤーが保持されています。
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
いろいろいろいろう | つる草が壁一面にはびこっている
ウェブブラウザと言えば、WindowsのInternet Exploreがほとんどなんでしょうかね。 最近はそのほかにいろんなものが出ています。 Opera、Chrome（クロム）、Firefox。それとAppleのSafari。 Chromeはできたてほやほやのベター版です。 Firefoxもver.3が出たばかりです。 同じ画像をこれらのブラウザで表示させてみました。 違いが、あるんです。 Opera、Internet Explore、Chrome（要するに上段の３つ）は同じ画を出しています。 下段のSafariとFirefoxの２つは、上段とは違った画を出しています。 緑色の選手、あるいは赤の選手の色を見比べてみると分かりやすいかと思います。 なんでこういう違いがあるんですか。 ブラウザのクセというか味付けというか、各自にそういう特徴があるというハナシなんだろーか。 という問題ではな
Photoshop担当者も唖然？？「もう高い更新料は払わない！」無料でここまで出来るフリーの画像編集ソフト:Ｂｌｏｇ紹介しちゃいます。 - livedoor Blog（ブログ）
あまり知識が無いと言うか、面倒と言うか、画像編集にはWindows標準の「ペイント」を使っている訳なんですが、いつもお世話になっている「ホームページを作る人のネタ帳さん」の記事を見て、ペイントを使っている事に<良い意味で>ショックを受けました。<笑> ・今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳: 無料でもPhotoshop並の機能がある画像編集ソフトがあるもんなんですね〜。 面倒な操作が多いので敬遠していましたけど・・面白い写真をも作れますし、ブログの事を考えると必要な時期なのかもしれません。 他にも色々な画像編集ツールを発見しましたんで「Photoshop並に高性能」をテーマに、紹介したいと思います。画像編集ソフトは高い！なんて、愚痴っている人には必見かもしれませんよ。 と言う訳で、詳しくはこんな感じで、、、、、、、、
ファイル形式の初歩
ＰＳＰで自慢の作品が完成し、いざホームページで公開しようと思ったら 保存した画像がとても汚くなってるという経験をした事はありませんか？ ここでは、Ｗｅｂ用画像ファイル形式の初歩とＰＳＰでの保存のワンポイントをご紹介します。 ＰＳＰ６．０ではＪＰＥＧ、ＧＩＦで保存する際にアシスタントウィザードが追加され簡単に圧縮後の画質、ファイルサイズ、通信環境別のダウンロード時間等のバランスを見ながら最適なファイルサイズで保存が出来るようになりました！ＦＩＬＥ→ＥＸＰＯＲＴからＪＰＥＧかＧＩＦの保存したいファイル形式を選べばアシスタント機能が実行されます。ＰＳＰ７Ｊでは更にＰＮＧ形式のエクスポートも追加されました｡ 1.Ｗｅｂ用画像ファイル形式の特徴 2.Ｐａｉｎｔ Ｓｈｏｐ Ｐｒｏでの画像形式変換のワンポイント ○ＪＰＥＧの圧縮率を変える。 ○ＧＩＦで綺麗に保存する。 1.Ｗｅｂ用画像ファイル形式の特徴
AQUA風ボタンの作り方リンク集 - チープカ
00:06 | いろんなサイトをみているとそこかしこで見かけるいわゆるフォトショップでのAQUA風ボタンの作り方が紹介されているページを（主にはてブから）集めてみました。http://quarter.vis.ne.jp/books/log/eid329.htmlhttp://www.0range.cc/icon/tips/TIPS3/index.shtmlhttp://www.allef.com/gpx/aqua/index.phphttp://www.tutorialoutpost.com/count/2272http://www.tutorialoutpost.com/count/182http://home.zonnet.nl/epragt/tutorials/photoshop/shapesandobjects/aquabuttonprop6/index.jsp.htmhttp:/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
Tips/Web/ 「 Web セーフカラー」の嘘 - outsider reflex
Web Center Features - palette
http://sio.holy.jp/pc/ap_12.htm
Photoshop ロゴワークショップ