脳に優しいデザインを！「Vertical Rhythm」の基本と実現方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ～っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか？さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう！ LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ
Photoshopの動作が重くなった時にすぐできる対処法 - デザインメモ
Photoshopで作業していると、メモリが低いパソコンだとどうしても動作が重くなりがちです。メモリがすぐに増設できればいいですが、そう簡単にいかない！そんな時にすぐできる対処法を集めてみました。 重くなってから、普段から、事前にできるの3つにわけて紹介していきます。 １、重くなってからの対処法 メモリを全てクリアにする 上のメニューバーから[編集]→[メモリをクリア]→[すべて]で、Photoshopが記憶している情報をすべてクリアできます。 参考記事：[Photoshop]動作が重くなったらメモリ全クリア – COMD ２、普段から気をつける対処法 使わないレイヤーを統合する 参考記事：Photoshopの動作を軽くしよう – entacl Lab. ３、事前にできる対処法 環境設定のパフォーマンスでヒストリー＆キャッシュを調整する 上のメニューバーから[編集]→[環境設定]→[パフォ
Photoshopの作業が鬼のように捗る拡張機能『Pictura』：作業画面上からFlickrの画像（商用利用可）が引用できるぞ！ | 株式会社パナレア
東京都中野区を中心としたホームページ制作会社『PNRA CO.LTD.,』のブログ。日々の業務上での発見やアイディア、Tipsなどを随時更新していきます。どーも、中野区でホームページ作成をやっています。＠PNRAです！ これはデザイナーであれば必見の拡張機能なのではないでしょうか？ 重宝すること間違いなしの拡張機能『Pictura』をご紹介します。 ホームページのモックアップやUIサンプルを作成する際に使用する画像、悩みますよね。ええ、私も悩みます。おそらく多くの人が国内外の無料写真素材サイトを駆け巡って探してくると思います。国内のストックフォトサービスであれば「PAKUTASO」、「モデルピース」。海外であれば、「THE STOCKS」、「Flickr」あたりでしょうか？ そう、そんなブラウザ間を行き来しなくてもよくなるんです！だって、フォトショップ上で莫大なFlickrのストックにアク
Yahoo! JAPAN Creative Blog — 脱初心者！ マテリアルデザインUIを作りながら学ぶ Photoshopショートカット術
こんにちは。デザイナーの外崎です。 Photoshopのショートカットはいろいろなところで紹介されています。ただ、初心者の方は「ショートカットって実際どこで使うの？」と感じている人も多いと思います。 Google I/Oで発表されたマテリアルデザインを題材にしてUIを実際に作りながら、ショートカットやTipsの使いどころをチュートリアル形式で説明していきます。マテリアルデザインの特徴である陰の付け方や、配色・マージンの感覚だけでもつかめるかと思います。時間のない方は1セクション毎でも大丈夫です！ テクニックを体で覚えて、実践していただければと思います。 Material Design GuidelinesI/O 2014 アプリに学ぶマテリアルデザイン0.始める前の準備チュートリアル通り進めたい方は、以下のプラグインやアイコンをダウロードしておいてください。特にプラグインは今後Photos
【フォントの些事】第2回 Photoshopでの文字詰めとフォントのボディについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、デザイナー兼イラストレーターのもりたです。 前回の「【フォントの些事】第1回 インストールする前に確認したいフリーフォントの基礎知識」で次回予告したものがうまくまとめられなかったので、今回は第3回で予定していた、Photoshopのフォントと文字ウィンドウについて書きます！ 普段仕事でPhotoshopを使ってる人でも、文字ウィンドウはその数値が何を指しているのかよくわからないまま使っていることが多いんじゃないでしょうか。 特に文字詰めに使用する「カーニング」「トラッキング」「ツメオプションの設定」の違いがいまいちよくわからない。 例えば「ツメオプションの設定」の「100％」という数値は、文字のどこを基準に何が100％詰まるの？とか。「トラッキング」の数値って何を基準に100なの？ピクセルじゃないしな？とか。 正直に言っちゃえばWebでは文字詰めをそんなに細かく設定することがないの
ByPeople | curated network for developers and designers
A curated network of 10k ready-to-download resources and lifetime deals for developers, designers and startups Check out our deals
この進化はズルイ！Generatorテクノロジーを使ったPhotoshop CCの「画像アセット」｜DTP Transit
Photoshop CCが14.1にアップデートされ、「Generatorテクノロジー」により、それぞれのレイヤーを個別の画像ファイルとして自動的に書き出す「画像アセット」機能が追加されました。 Webサイト制作では、カンプと呼ばれる画像ファイルを作成後、「スライス」作業によって、書き出す領域を指定し、書き出し作業を行うというフローが必要でした。Photoshop CC（14.1）の「画像アセット」機能を使うことで、この作業（スライスと書き出し）が不要になるだけでなく、高密度解像度対応の画像書き出しにも対応するなど、この進化は、ちょっとズルイ！です（Fireworksの熱心なユーザーなのですが、こっちに肩入れ??? という意味で）。 作業手順は次のとおり。 PSDファイルは英数字で設定します（例：test.psd）。 ［ファイル］メニューの［生成］→［画像アセット］をクリックします。 画像
起動時「スクラッチファイルを開くことができません」エラーが発生して強制終了する（Photoshop CS5.x/CS6 | Photoshop CS5.x/CS6 Extended）
以下のフォルダーを開き、Adobe Photoshop ＜バージョン＞（Windows）／Adobe Photoshop ＜バージョン＞ Settings（Macintosh）フォルダーの名前を変更します。（例 ： Adobe Photoshop CS6 Old） Windows 7/Vista ： C:\Users\＜ユーザー名＞\AppData\Roaming\AdobeWindows XP ： C:\Documents and Settings\＜ユーザー名＞\Application Data\AdobeMac OS ： Macintosh HD/ユーザ/＜ユーザー名＞/ライブラリ/Preferences 注意 ： Mac OS X 10.7 では、ユーザーのライブラリフォルダーが初期設定で非表示になっています。上記フォルダーを参照するには、以下の弊社技術文書を参照してください。 文
PSDgraphics - Download high resolution backgrounds, textures, and PSD icons for your web and graphic design project.
Download 15 most popular graphics for free, subscribe:
Photoshop養成ギプス
【Webサイト移転のお知らせ】平素より「Photoshop養成ギプス」をご覧いただき誠にありがとうございます。この度、2019年1月1日より、「Photoshop養成ギプス」は「psgips」へ移転いたしました。旧Webサイトにつきましては、近日中にアクセスができなくなります。お気に入りやブックマークなどに登録されている方は、お手数ですが下記URLへの変更をお願いします。
Photoshopの整列・分布パネルを作りました（CS6／CC用） - saucer
Adobe Configurator 4が公開されたので、元々自分で使うために作ってあったCS6用の［整列・分布パネル］をCC用に作り直しました。複数のレイヤーの整列、分布をするだけの単純なものですが、意外と便利なので興味のある方はどうぞ使ってやってください。（2014.07.29更新） ［整列］［分布］を利用するのは面倒くさいPhotoshopで［整列］や［分布］の機能を使うには、［レイヤー］メニューから選択するか、一度［移動ツール］に切り替えて［オプションバー］に表示されたボタンをクリックするか、のいずれかの方法をとります。しかしどちらも面倒！ 自分の場合、作業中はほとんど選択系のツールにしておいて、移動のときだけcommandキーで［移動ツール］に変更しています。でも、この方法だと［オプションバー］の内容が変わらない。なので、［整列］や［分布］を使用したいときは、わざわざツールを［移
壮観な印象を与えてくれる50のフォトショップチュートリアル - TOPICK
ウェブデザイナーのためのフォトショップチュートリアル集です。 使いこなせたら、大きくデザインの幅が広がりそうです。 How to Create a Realistic IES Lighting Effect in Photoshop：Psdtuts+ Unusual Christmas Card：Alforart Making of a Scary Mental Hospital Scene：10Steps How to Create an Ice Text Effect with Photoshop：Psdtuts+ How to Create Stunning and Bold 3D Text：Six Revisions Create a Shiny Earth with Photoshop 3D Layers：Psdtuts+ Creating ‘Broken Link’：PSDFA
45 Free And Useful Web Buttons In PSD Format » SmashingApps.com
by Akhter · October 16, 2013 45 Free And Useful Web Buttons In PSD Format Today, we are showcasing 45 smart and useful web buttons PSD files that you can easily download without paying any cost. On the internet, you can see lots of free PSD web buttons but they are good for nothing and their results are also not so good. Web buttons are used for various purposes like we use them as download button
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bestpsdfreebies.com
DO: A free mobile productivity app UI kit | InVision
Designbeep - Free Resources for Designers and Developers
Watch Suits Season 7 Episode 1 Online
新着記事
Home - Designzzz
PortraitPro - 簡単な写真編集ソフト