チェ・ゲバムラの日記

脱犬の道を目指す男のブログ

デザイン

【Photoshop】コーディング時の役立ちメモ

要素を選択してもレイヤーが選択されないときの対処法 どういう作り方なのか、普通にvモードにしていて要素をクリックしたら右のレイヤーが選択されるはずだがそれがでない。 もちろん、自動選択とバウンディングボックスを表示にはチェックが入っている状態…

【画像編集】ブラウザ上で無料PSD編集出来るツール

遂に出た。 1、正直めんどいインストールも不要 2、無料 3、使い方もフォトショップそっくり 4、PSDのレイヤー情報も保持 という神ツール。 www.photopea.com もはや言葉はいらないだろう。強いて言えばgoodbye,Adobe!てとこかな。ガチデザイナー以外は…

【参考WEBサイト】JSの動きやデザインがおしゃれなサイト一覧

おしゃれなサイトを探すときに使えるまとめサイト。 更新頻度が低くなったら消すかも。 brown | I/O 3000 | Webデザインギャラリー →トンマナとかでも検索できるらしい Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design B…

秒速でコーディングが終わる方法(PSDからテキストとかフォントサイズをCSVで吐き出す方法とか)

とある名言みたいになったけど全ては下記に書いてあるw PSD からテキスト情報を抽出するスクリプト (フェンリル | デベロッパーズブログ) こんなのもあったので今度使ってみる デザインカンプからコード化を加速する!デザイン仕様計測ツール4選 | 株式会…

バナーとかの画像がぼやけてしまった時の解決法

バナーをある範囲に100%表示して置いてみたら縮小されて文字がつぶれてしまった。 そんなときはまずバナーサイズを小さくする。 でもそれだけじゃダメで、下記をやると更によくなるっぽい。 てかやってみたら上手くいったのでメモ。 1.画像をフォトショで…

【デザイン】今後参考にさせて頂くかもなサイトと気になったデザインの実現ヒント

背景の縦グリッドを簡単に実現 http://epoch-inc.jp/http://1st-touch.jp/about/http://norgram.co/http://thefotonaut.com/en/http://www.archi-k.com/ 縦グリッドはCSSでこんな感じのよう。 leftで指定px; transform: matrix(1, 0, 0, 1, 0, 0); ボックス…

【画像編集】サイズを拡大してもそこそこ綺麗に出来る無料ツール

フォトショなどの通常の画像編集ツールでサイズを 拡大すると引き伸ばされて荒くなってしまうところこちらのツールを使うと人工知能が粗くなった部分を生成して綺麗な画像に仕上げてくれるといったもの。 http://waifu2x.udp.jp/ ・提案書用にちょうど良い写…

Adobe Experience Designという簡単モックアップ作成ツール

なんか今んところMac版だけなのか? Adobe Experience Designとは、UXデザインとプロトタイプ作成に特化したツール ----------- www.adobe.com ----------- 簡単にモックアップの作成が可能&リンクで共有が可能。パワポ+Xcodeのストーリーボードが合体した…