KIYOTA

宮崎駿監督と言えば、「風の谷のナウシカ」や「となりのトトロ」など、 説明不要の国民的人気の監督です。 その宮崎監督の「出発点―1979~1996」という本には、 普段目にすることない、企画書・演出覚書 ...

Photoshopでグループ（フォルダ）を作成し、 レイヤーがたくさん増えると、画面からはみ出して移動が大変です。 そんな時は、 command（⌘）を押しながら、グループ（フォルダ）を閉じると、全て ...

PhotoShopでフォントを変更するのは面倒です。 特に欧文だと、最初からインストールされているフォントが多くて選択するだけで時間がかかってしまいます。 私の場合は、フォントをアクションに登録してお ...

コーディングの案件で、グローバルメニューをデザイン通り、 英語の小文字で作成していたのですが、 最後に大文字にしてほしいという要望がきました。 すでに数十ページ作成したこともあり、 CSSのtext- ...

Web用に文書をPDFに変更してアップすることは多いかと思います。 その際にPDFにセキュリティで内容を保護しておくとよいです。 例えば、イラレから変換したPDFをイラレで開くと編集できます。 クライ ...

21_21 DESIGN SIGHTでは、2015年10月16日より「建築家 フランク・ゲーリー展 "I Have an Idea"」が開催されます。 フランク・ゲーリーといえば、有名な「ビルバオ・グ ...

今まで何人もWebデザイナー志望の方のを面接してきましたが、 準備不足の方が多いと感じました。 未経験のWebデザイナーが面接の時に準備しておきたいものをピックアップしました。

2014.03.03のGIZMODOに「米VFX業界の闇。『ライフ・オブ・パイ』製作チームがアカデミー賞前夜の倒産ドキュメンタリー公開、会場前でデモ（動画あり） 」という記事があります。 2013年『 ...

簡単に見えて以外と奥が深いのがHTML/CSSのコーディング。 今まで5,000ページ以上はコーディングをしてきましたが、未だに些細なことで予想外に時間をとられることはよくあります。 コーディング初心 ...

写真：東洋経済ONLINEより 2015年10月03日の東洋経済ONLINEにガンダムのメカデザイナー大河原邦夫氏のインタビューが掲載されています。 「ガンダムをデザインした男」は何が違うのか メカデ ...

制作をするときに、ごく普通に使っている、略語の名称を知らないことはよくあります。 何の略か知っておくと、意味がわかって面白いです。 HTML HyperText Markup Language（ハイパ ...

私の自宅での制作環境を紹介します。 私は、Webデザインのみで、印刷物のデザインはしません。今のところ、この制作環境で問題は感じていません。 自宅で勉強する場合にどのくらいのスペックマシンを購入すれば ...

iPhoneでoverflow: scroll;の時に、 -webkit-overflow-scrolling: touch; を追加すれば、滑らかに慣性スクロールできます。 overflow: sc ...

以前、文字の詰めが甘い、文字組がおかしいなどよく指摘されました。 今でも、書体の選び方、文字の組み方など、文字については学ぶことが多く、一生勉強だと感じます。 Webデザインを勉強中の方向けに、脱初心 ...

台形を作るときに、毎回迷うので記憶するためにメモ。

HTML/CSSは、初心者でも簡単に使えますが、運用するとなると綿密な設計が必要です。 最近、自分の知識をアップデートするためにいろいろ調べたのですが、知識不足を実感し、あらためてHTML/CSSは奥 ...

写真撮影や写真購入予算がない場合はよくあります。 そんな時に、写真素材集を利用するのもひとつの手段です。 普段からどんな写真があるのかチェックしておくと、探す時に便利です。 写真素材 足成【フリーフォ ...

タイポグラフィって、本を読んでも難しかったりするし、一生勉強し続けなければならない分野です。 そんな中、米倉明男さんのスライドが非常にわかりやすかったのでご紹介。 Webデザイナーのためのタイポグラフ ...

Photoshopを使っていたら、何かの拍子に作業スペースが拡大されて、タブも選択できず、ウィンドウがドラッグできなくなることがありました。 これが 何かの拍子にこうなってしまう。 対処法 「F」を押 ...

この10年くらい、Webデザインをする場合は、Fireworksだったのですが、開発が終了することもあり、メインソフトをPhotoshopに変更しました。 慣れるまで時間がかかりましたが、20点ほどデ ...

当たり前のことを行わないために、仕事が遅くなっているのをよくると、もったいないなと思います。 以前新人の頃、仕事が遅いと、それだけで、信用を落としました。 ちょっとしたことでも、仕事が早いだけで、信用 ...

4月から新たにデザイナーになる人も多いのではないかと思います。 クライアントやディレクターから、「あのサイトのような動きにしたい」と依頼されることも多いかと思います。 そんな時に便利なものを、初心者で ...

仕事をしていて次のようなことで焦ったことはありませんか？ 期限が迫って焦る 作業が多くテンパってしまって、何からやっていいのかわからない 焦るばかりで、頭が働かない状態になると抜け出すのは難しいです。 ...

最前面は「 Shift + Command + ] 」 最背面は「 Shift + Command + [ 」 最前面 レイヤーを選択し、「 Shift + Command + ] 」。 選択したレイ ...

コピーしたいレイヤーを選択後、 「command（ctrl）」+「J」。 コピーしたいレイヤーを選択し、 「command（ctrl）」+「J」でレイヤーのコピーが作成されます。

デザインをやっていて、写真を並べたいときボックスと余白の計算が面倒だったりしませんか？ そんな時に便利なサイトが「Gridulator」です。 Gridulator: Make pixel grids ...

「等伯 〈上・下〉」は松林図屏風で有名な絵師「長谷川等伯」を主人公にした小説で直木賞受賞作です。 「松林図屏風」の、しっとりとした落ち着いた画風から穏やかな人物かと思ったら、「等伯」に描かれているのは ...

キャンペーンサイトなど、動きをつけて、もっと目立たせて欲しいなどの要望を受けることは多いのではないでしょうか。言われて探すのは結構手間がかかったりします。見栄えする動きを中心にまとめました。 Phot ...

最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。 よく使うのでメモがわりに掲載します。 基本は簡単なので覚えておけばいろいろ応用できるかと思います。 デモ ...

jQueryでアニメーションなどを行うとインライン要素でstyle属性が追加されますが全て削除したい場合は、 $('#area *') *で#area内の全ての要素を取得できるので、 $('#area ...