-
ID:FLejMh さんの質問

Web UI Kit (psdファイル)の使い方がわかりません。

http://design-develop.net/design/new-useful-free-psd-gui-kits.html
よく、このようにUI kitと称してpsdファイルが配布されていますが、使い方がわかりません。
ぐぐっても使い方がヒットしないし、世間の方々はこれをどのようにして使っているのでしょうか。

HTML+CSS+JSのデモ等があるならまだしも、解凍すると入ってるのは大抵psdファイルだけですし、
もしかして自分で使いたいパーツをPhotoshopでひとつひとつスライスし画像出力して、CSSで調整する等しないといけないのでしょうか。

Ui kitの使い方に精通している方、私に使用方法をご教授ください。

みんなの回答 8 件

ID:5l.cei さんの回答

あたりめーでしょ?
どんだけ人に依存してんだよ、そのくらいてめーでやれよ

ID:8atrw1

さすがデザイナー様。
自分の知っていることは全てあたりめー。なんですね。
そして知らないことは拒絶するんですね。
わかります。
あたりめーってどこの厨房だよw

ID:FLejMh

本当ですか?
ではなぜわざわざそのような手間をかけさせるpsdファイルでやり取りしてるのでしょうか?
他人に使用してもらうために配布しているのであれば、最初からパーツ単位で出力された画像でやり取りしたほうが合理的だと思うのですが
そうしないのはUI Kit界隈で何か暗黙の了解があるのでしょうか?

ID:deovyu

あのねトピ主さん、素材を与えておいて料理するのはご自由にってことだよ。

ID:ysHcnA

釣りなのかマジなのか分かんないな。

ID:FLejMh

UI Kitとやらにはpsdファイルしかないし
自分ではどうやってもパーツごとに手動で画像出力して使うっていう
とてつもなく面倒な作業しか思い浮かばなかったから
まさかそんなわけないよなあ、もっとうまい使い方があるはずと思ってるからこそ質問してるわけで

google cdnやらCSSフレームワークやらjQueryやら色々便利なものがあるご時世に
まさか、それが本当の使い方だったとしたらUI Kitやらとこそ釣りなのかマジなのかわからん代物でしょ

ID:gbwCTx

例えば、サイズを少し変えたいとか、ボタンの上に乗ってるテキストを変えたいとか、色を少し変えたいとか、そういったことをするのに書きだしたデータでもらっても使いづらいでしょ?
それよりもソースファイルを提供して、あとは自由に制作するサイトに合わせて変更して使ってくださいね。ということですよ。

ID:deovyu さんの回答

一般的な利用方法としては、本データをプリントアウトし、最寄りの職業安定所へ提出すれば、1,000円分の図書券がもらえたと思います。

ID:ysHcnA

センスあるなw

ID:deovyu

ありがとうございます。次のどこかのコメントで頑張ります。

ID:FLejMh

真面目な質問ですので。

ID:deovyu

あのねトピ主さん、図書券で好きなように本を購入してってことだよ。

ID:FLejMh

あのねコメ主さん、真面目な質問なので茶々はいらないってことだよ。

ID:L8Qhvq さんの回答

プリントアウトして切ってモック用に使う

ID:mgnHGb さんの回答

ボクもそんな風に思ってた時期がありました。

でも、結局bootstrapやfoundation などUIの組み込まれたフレームワークを使ってみると、意図したとおりに動いてくれなくてうっとうしくなって、結局自分でコーディングしたくなりますよ。

ID:FLejMh

自分でコーディングするにしても、psdファイルしかないってのが謎なんですよね
どうせ画像にしないと使えないのに、わざわざユーザーに画像出力させる余計な手間を負わせる意味がわからないです
そのせいで自分でコーディングするまでが遠くなってます。
学習用や編集用のpsdファイルと、それに加えて出力されたパーツも同梱しておくべきですよね。

それに「これ便利ですよ」っていう体での配布物なのだから最低限HTMLとかの組み立て済みのデモファイルが欲しいですよね

ぐぐっても使い方わからないみたいなページもほとんどヒットしないし、もっとUI Kitと称する物がpsdファイルひとつで完結してしまってることに疑問に思う人がいてもいいと思います

ID:L0AviF さんの回答

なんでも型にはめると、痒いところに手が届かないどころか、かえって面倒なことが多い印象。
書き出すにしたって、その強制されたサイズや解像度が必ずしも最適とは限らない。
私にはこれくらいがちょうどいい。

ID:XX5AID さんの回答

これ使え

Cut&Slice me - Photoshop plugin to export your assets - cut and ...

http://www.cutandslice.me/#jp
ID:XX5AID

あとはこれとか
//memo.goodpatch.co/2013/05/new-web-design-tool-sketch/

スライスでググレ

ID:QR8gDu さんの回答

いきなりコーディング云々ってよりも、このUIを自分のデザインしてるサイトに組み込んだり、ちょっとアレンジして組み込んだりして、それをデザインカンプとしてクライアントに見せるんだろうから、psd配布なんじゃないですかね。

ID:deovyu さんの回答

あくまでデザインの素材であって、アンタがパーツを用意しろだとか、使い方がわからないだとか、ごちゃごちゃ言う方が自分勝手でおかしいんだよ。モックアップレベルの代物じゃないんだから、検索しても何もひっかからないのは当然。まさに「木を見て森を見ず」状態。真子の諺から調べて出直しなさい。

ID:UlBAB2

コレ。

ID:deovyu

まとめるとトピ主がPhotoshopに精通してないだけ。腕のあるデザイナーであれば存分に利用することができる。

最終更新日:2013-06-29 (11,345 views)

関連するトピックス

ページ上部に戻る