kurenazumu’s diary

人生暮れなずんできたちっちゃいおっさん(Webデザイナー)の日々を綴るブログ

Webデザインの基本的なガイドラインを作り中

転職するので引き継ぎ用にWebのデザインというか

ワークフロー的なガイドラインを次入社する人用に勝手に作成。

以前のフォントリストもおまけでつきます!

 

タイトルをWebサイトとしたかったんですが、あえてサイトじゃなく

「Webデザイン制作ガイドライン」に。

 

あ、このガイドラインの目的をつくるの忘れてた、

目的は作業効率化をはかっていきましょう、アプリケーションの

機能の把握と操作はみんな一緒の知識で、etc.. 的な...

 

と、とりあえず...

これを基本形としてアップデートしていければと。

この本がおすすめとかあり、ヨンドイテーって思いますが、

使用頻度とか考えると使いたいけど使えないというのも多々あるし、

 

実務レベルでの使用頻度が高いのをまとめていきます。

 

Photoshop CC2015用

 

また更新します。

 

 

 

 

 

 

 

f:id:kurenazumu:20160614225345j:plain

 

f:id:kurenazumu:20160614225100j:plain

f:id:kurenazumu:20160614225102j:plain

f:id:kurenazumu:20160614225104j:plain

f:id:kurenazumu:20160614225107j:plain

f:id:kurenazumu:20160614225109j:plain

f:id:kurenazumu:20160614225112j:plain

f:id:kurenazumu:20160614225114j:plain

f:id:kurenazumu:20160614225115j:plain

f:id:kurenazumu:20160614225120j:plain

f:id:kurenazumu:20160614225121j:plain

f:id:kurenazumu:20160614225125j:plain

f:id:kurenazumu:20160614225127j:plain

f:id:kurenazumu:20160614225129j:plain

f:id:kurenazumu:20160614225131j:plain

f:id:kurenazumu:20160614225133j:plain

f:id:kurenazumu:20160614225134j:plain

f:id:kurenazumu:20160614225136j:plain

f:id:kurenazumu:20160614225138j:plain

デザイナーたるものこれだけはフォント覚えとかないと認めてくれない

 個人的には、使うの基本和文、欧文それぞれ3種類ぐらいでいいかと

だって、Arial つかっても効果でるんだからいいんじゃないかと

Helveticaに変えろっていったって、伝えるのは消費者で...

 

念のため組版は大事

 

伝えるのがデザイナーならわかるけども。

この業界、フォントを知らないデザイナーは認めてくれません。フォントに..

 

ということで、フォントのチートシート(カンニングシート)作成中。

出来上がったら完成版アップ。

 

▪️これだけは覚える和文リスト

f:id:kurenazumu:20160513225726p:plain

f:id:kurenazumu:20160513225729p:plain

▪️これだけは覚える欧文リスト

 

 

f:id:kurenazumu:20160513225756p:plain

f:id:kurenazumu:20160513225800p:plain

f:id:kurenazumu:20160513225802p:plain

f:id:kurenazumu:20160513225804p:plain

f:id:kurenazumu:20160513225806p:plain

f:id:kurenazumu:20160513225809p:plain

▪️これだけは覚えるWebフォント

f:id:kurenazumu:20160513225815p:plain

f:id:kurenazumu:20160513225817p:plain

 

 

PhotoshopVIP...攻撃されてたのね...

いつも情報をチェックしてるPhotoshopVIPが見れなくなってて

どうしたんだろと思ってたところ、ついさっきアクセスしてみると...

 

ローディングが はじまり...おっ復活とおもいきや

 

雨降ってる...リニューアル?

じゃなく、攻撃されてた。

現在復旧中らしい、カウントダウンもあるので明日には復旧する?

 

しかし、この演出感服

f:id:kurenazumu:20160508224205p:plain

PhotoshopVIP、復旧まであと少し。

Photoshopでオブジェクトの変形にショートカットを割り当てる

今日のインプット、Photoshopでシェイプで長方形から円にして、円から長方形にするショートカットを割り当ててみた。

金曜日にふと思いつき、今日実践。

 

今までは長方形ツール、楕円形ツールを切り替えてオブジェクトを作成してたけど、

なんかおっくう…

 

かなりお世話になっている、3階ラボhttp://3fl.jp/で配布されてるIllustratorの「楕円形・長方形パス変換」スクリプトhttp://3fl.jp/is017を思い出しPhotoshopでもできたらいいんじゃないかと思い設定

 

とりあえず、長方形を作成して、属性の各角に1000px指定のアクションを記録

円になったので、これを元に長方形に戻すため属性で各角に0px指定を記録

ついでに、少し角丸(10px)も使用頻度が高いので記録

 

記録した各アクションでショートカットを割り当てる

リンクボタン作成時や、リンクパーツ作成時に使う予定

 

f:id:kurenazumu:20160508005654p:plain

 

 


オブジェクト変形

START!!人生暮れなずんできたちっちゃいおっさん(Webデザイナー)の日々を綴るブログ

26歳からWebデザイナーとしてやってきて現在35歳。

Web技術の進化スピードとは真逆に日々、

同じスピードで弱体化してるんじゃないかと思う今日この頃。

これじゃいかんと思って、

1日1個なにかをインプットしてそれをアウトプットして、

自尊心をたもうとうかなと。

それが誰かの役にたてばいいかなということで、ブログ START!!