-
イヤな先輩に認めてもらうためにやったこと
2014/8/16
仕事している上で一番のストレスになるのが、人間関係。 自分の場合、以前の職場のときに一緒にやっているディレクターのパワハラがひどくかなり困ったことがありました。 とにかく、怒りっぽく、怒りはじめると自 ...
-
超便利!PhotoShopでシャープを素早く微調整できる小技
2014/8/10
シャープをかけすぎて失敗したという経験はありませんか? シャープをかけすぎた場合は、command+Shift+Fで、シャープのかけ具合を微調整できます。 「フィルタ」→「シャープ」→「シャープ」を実 ...
-
デザインの遅い自分が仕事をスピードアップするためにやったこと
2014/6/30
新人の頃、周りより仕事が遅いためよく叱られていました。 さらにデザインが遅いので、デザイナーとしては致命的でした。 (しかもクオリティも低かったです...) こうなると会社に居場所はありませんでした。 ...
-
貴重な創作過程が見られる「デザインノート EXTRA good design company 水野学」がオススメ
2014/6/23
最近購入した本の 「デザインノート EXTRA good design company 水野学」は good design companyの水野学さんを特集した本です。 水野学さんは、「くまもん」やd ...
-
よく使うPhotoshopテクスチャ(カテゴリー別)の作り方まとめ
2018/11/4
必要なテクスチャ素材を探していて時間がかかったり、 やっと見つけたと思ったら商用利用不可だったり、 と素材を探すのは結構手間です。 そんな時には、テクスチャも作ったが早いです。 PhotoShopの知 ...
-
九州の凄腕クリエーターが制作したqBizのCMがおもしろい
2014/6/16
西日本新聞経済電子版のCMを九州ゆかりのクリエーターが月替わりでつくる企画の6月が非常におもしろかったのでご紹介。 西日本新聞qBiz WebCM第1弾「カッパ篇 エピソード1」: 電通九州の左俊幸氏 ...
-
レスポンシブWebデザインを制作して困ったことの解決方法
2014/6/8
まだレスポンシブの案件が少なく、 知識もスキルもまだまだなのですが、 いくつか作ってみて、困ったことの解決方法です。 もくじ Javascriptを使った場合の端末ごとの処理 フォントによる見栄えの違 ...
-
Dreamweaverの「コード」「分割」「デザイン」ボタンの表示・非表示
2014/5/7
先日、Dreamweaverを使っていたら、 ワークスペースからドキュメントの 「コード」「分割」「デザイン」ボタンが消えてしまい困ったので、 表示・非表示の方法を記します。
-
イラレで丸い破線をつくる方法
2014/5/4
上のような丸いドットの並んだ破線を作る方法です。
-
すぐにわかる!早く読んでおきたい、WEBデザイナーに必要な基礎知識のスライドまとめ
2014/5/1
グラフィックのみ、コーディングのみの WEBデザイナーは少ないのではないかと思います。 マーケティングやSEOやアクセス解析など、 必要な知識が多岐にわたります。 勉強する上で、概要を知るのは上達の近 ...
-
新人デザイナーに教える時に心がけている8つのこと
2014/3/9
4月から新人デザイナーの教育係になる人や、 すでになっている人もいるのではないかと思います。 私は、新人やインターンを何人も教えてきました。 技術的なことだけ教えて、できれるようになればいいのですが、 ...
-
デザイン力を鍛える!Webデザインのフロー別セオリーと知識まとめ
2014/2/3
以前、「WEBデザインが短期間で上達した方法」では、 上達する近道として模写を紹介しましたが、 それ以外にも基本的なセオリーや知識を知っているだけで、 デザインをする力が格段にアップします。 4月から ...
-
今からでも間に合う!レスポンシブWebデザイン作り方のまとめ
2015/10/6
photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについ ...
-
Photoshopで同じ位置にコピーする方法
2013/12/26
フォトショップで同じ場所にコピーするには、 レイヤーを選択後、「command + J」です。 同じ位置にコピーされます。 コピーするとずれてイラっとすることがありますが、 これで大丈夫。 超小ネタで ...
-
知らなくて大丈夫?Fireworksの便利な使い方まとめ
2013/12/8
学校ではPhotoshopを習っていたのに、 いざ働き始めるとFireworksだったということがあるかもしれません。 Fireworksでよく使う機能と便利な方法・技をまとめました。 基本的な使い方 ...
-
デザイナーでもJavaScriptやjQueryが必ず上達する3つのコツ
2013/12/1
いまやJavascriptを使わないサイトはほぼないと思います。 WEBデザイナーもJavascript、せめてjQueryは使えないと 厳しい時代です。 JavaScriptやjQueryは時間をか ...
-
手描き感のあるイラストがかわいいWEBデザイン
2013/12/1
イラストをつかったサイトは手作り感がでて、親近感がわくので好きです。 そんなイラストを使ったサイトを参考のために、まとめてみました。 こんな素敵なサイトをつくってみたいです。 ちあーず歯科・小児歯科 ...
-
暗記しておく!イラレでギザギザの丸(円)を作る方法
2015/10/6
よく使うこのギザギザの丸(円)。 今まで何度も使ってきましたし、使い映えするので、 絶対に暗記しておきたいです。
-
美しいモノトーンベースのWEBデザインまとめ
2013/11/11
モノトーンはシンプルなだけに、写真などの素材のよさが際立ちます。 CHANCE MAKER CHANCE MAKER ハロルド official web site ハロルド official web ...
-
【デザインの参考に】ボツ案のFireworksのデザインデータ
2013/11/20
学校や独学だと、カンプデータ(デザインデータ)を見る機会がないかと思います。 実際、一番役にたったのは、 働きだして人が作ったデザインデータを見たときです。 意外と作り込んであったり、凄いテクニックを ...
-
バナーをデザインする時に役立つまとめ・記事10選
2013/11/3
新人がデザインの業務で頼まれることが多いのばバナー。 小さいので簡単と思われるけど、実はかなり難しく意外と制作に時間がかかるのがバナー。 小さいけど、奥が深いのがバナー。 そんなバナーを作るコツがわか ...
-
バナー制作時の文字の組み方のちょっとしたコツ
2013/11/17
新人の頃、 「クライアントに『自分でもつくれる』と思われたらダメ」 とよく先輩に言われていました。 クライアントから、 「自分でもパワポやエクセルで作れそう」と思われると デザイナーとして失格というこ ...
-
簡単にできるPhotoshopの手書き風の記事10選
2015/10/12
優しくナチュラルな雰囲気を出したい場合は手書き風のデザインは相性がいいです。 Photoshopで簡単にできる手書き風の記事を集めました。
-
【デザイナー向け】15個の眠気解消法まとめ
2013/10/28
仕事中に眠くなることがよくあると思います。 寝ることができればいいのですが、そうもいかないことがほとんどじゃないでしょうか!? 後輩の手前、眠い顔をするもの気まずい、先輩としての威厳もなくなりますor ...
-
天気と音楽のコラボ「レソラ天神」
2013/10/23
福岡の商業施設「レソラ天神」のサイト。 天気を音楽に変換するようだ。 なかなか心地よい音楽とアイコンの動きについつい見とれてしまう。 雲や雨の紙吹雪のような動きがかわいい。 やはりこういうリッチコンテ ...
-
初心者がコーディングのときに失敗しがちなこと
2013/9/1
何人も新人のウェブデザイナーをみてきましたが、 みんな大体同じところでつまづくようです。 そして自分もそうだったなぁと思うところでもあります。 知っていればすぐに終わりますが、 知らなければ(もしくは ...
-
素早く確実にWEBデザインをするための手順
2013/11/17
新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わかりませんでした。 また、自分の ...
-
WEBデザインが短期間で上達した方法
2023/5/5
この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアント ...
-
意外と知らない!?Photoshopで表示レイヤーを結合するときに便利な方法
2013/9/1
普通に結合すれば一枚になるレイヤーを、元のレイヤーを残しつつ新規レイヤーに結合するショートカットです。
-
イラレのグラデーションの色をスポイトツールで変更する方法
2013/11/17
まわりに聞いてみると意外と知らないようでした。 確かにわかりづらいようですので、まとめてみました。