-
フォントがもっと身近に感じられる参考サイト3つと参考書4冊 | Webデ... oshare.jugem.cc
すっかり年末モードですね。会社は今日で仕事納め! 今年は年始には考えもしなかったけど、仕事上で初めての後輩ができまして、教えるのは難しいけど、実務に生かしてるところを見て「きっかけになってよかった」とほっとしている今日この頃です。 1ヶ月ぐらい前になりますが、#LOVEFONTでBodoniを... 続きを読む
-
Fireworksをある程度使いこなしてるぞというにもオススメしたい解説... oshare.jugem.cc
Fireworks LOVERならみんなが待ち望んでいたと思います、Fireworksの解説書の決定版です!Fireworksマニアでおなじみの@yuki930さんが書かれた「Fireworks CS5/4/3」が発売されました! 最初は直接本屋さんで買おうと思ってたんですが、先週の土日に肉離... 続きを読む
-
かわいいんだけど、芯は強いの。Bodoni #LOVEFONT | Webデザインのタ... oshare.jugem.cc
今日はWEBCRE8の酒井さん(@glatyou)からお題をいただいて、僕が好きなフォントを紹介します。ツイッターでは#LOVEFONTというハッシュタグで同じようにいろんな方が思い思いのフォントをブログ記事がされていますので、こちらもぜひお楽しみください!みんなフォント好きですね♪ さて、僕... 続きを読む
-
Fireworksで作ったスマホサイトやアプリのモックをiPhoneでキレイに... oshare.jugem.cc
スマホ案件が増えてきましたね〜。最近はCSS3が使えるのはもちろん、透過PNGを惜しげなく使えることを魅力に感じてモックを作ったり、マークアップをしています。 今日はそのスマホの実機確認するときにFireworksで作ったスマホサイトのモックが見られなかった!なんてことがあったので、PDFの実... 続きを読む
-
Web制作に役立った!iPhoneアプリのまとめ(無料8+有料1) | Webデザ... oshare.jugem.cc
iPhoneを今年の5月に買ったので、約半年…使うアプリはだいぶ固まってきました。EvernoteとかSleipnirとか紹介したいアプリは山々ですが、Web制作する上で実際に使って役に立ったiPhoneアプリを紹介していきます。 続きを読む >> 続きを読む
-
Fireworksで書き出したPDFを等倍でくっきり表示する方法 | Webデザイ... oshare.jugem.cc
Fireworksでモックを提出するときにはJPEGではなくPDFで書き出すことが増えてきました。枚数が20枚・30枚と多くなってくると、どのJPEGファイルがトップページなの?ってのがわかりにくくて、困ってたんですね。それでページの見せたい順序がわかりやすくなるのでPDFを使うようになりまし... 続きを読む
-
制作中の面倒を解決するFireworksの拡張機能のまとめ(2011年7月版)... oshare.jugem.cc
Fireworksを使うひとつ理由は制作効率アップという人も多いと思います。今日はさらなる効率アップのために自分のFireworksに入っている拡張機能をすべて紹介します。 目次 忙しい人のためのしばっちが使ってよかっと思った拡張機能ランキング 1位 テキストやオブジェクトの「よく使う設定」を... 続きを読む
-
制作中の面倒を解決するFireworksの拡張機能のまとめ(2011年7月版)... oshare.jugem.cc
Fireworksを使うひとつ理由は制作効率アップという人も多いと思います。今日はさらなる効率アップのために自分のFireworksに入っている拡張機能をすべて紹介します。 目次 忙しい人のためのしばっちが使ってよかっと思った拡張機能ランキング 1位 テキストやオブジェクトの「よく使う設定」を... 続きを読む
-
制作中の面倒を解決するFireworksの拡張機能のまとめ(2011年7月版)... oshare.jugem.cc
Fireworksを使うひとつ理由は制作効率アップという人も多いと思います。今日はさらなる効率アップのために自分のFireworksに入っている拡張機能をすべて紹介します。 目次 忙しい人のためのしばっちが使ってよかっと思った拡張機能ランキング 1位 テキストやオブジェクトの「よく使う設定」を... 続きを読む
-
「グラフィックデザインを学ぶ人が知っておくべき50のこと」が素敵 |... oshare.jugem.cc
ふとTwitterのタイムラインで流れてきて「ネタ系かな」と思いながらもクリックして開いてみたら、参考になりそうだったのでメモメモ。 »グラフィックデザインを学ぶ人が知っておくべき50のこと 直感を信じよう!自分の仕事に興奮することが大事だよ! 根拠も必要だと思いますが、直感も大事。 モック作... 続きを読む
-
ネットで見られる提案書のまとめ | Webデザインのタネ oshare.jugem.cc
ディレクターの提案資料を読んでから案件に取りかかることが多いと思います。おかげでさまでデザインの方向性が決まりやすいのですが、他社のディレクターやお客様サイドに立ってる人の提案資料ってどんな感じなんだろうと思って調べてみました。 特定のお客さま向けのものや、どんなお客さまに向けても使えるものま... 続きを読む
-
Fireworksのページ機能の細かすぎて伝わりにくい使いどころ | Webデ... oshare.jugem.cc
3月5日にベルサール九段下で開催された「CSS Nite LP14」でお話しさせてもらいました。当日は自分の緊張が会場の方に伝わってしまうほどカッチカチでしたが、最後まで聞いていただいてありがとうございました! アンケートも一枚一枚丁寧に読ませてもらいました。励ましやアドバイス・お叱り、本当に... 続きを読む
-
Fireworks | Webデザインのタネ oshare.jugem.cc
夏休みも昨日で終わり、今日からまた気合いを入れてお仕事です。おはようございます。 前々から作ろう作ろうと思って作れなったものをここぞとばかりに作ってみました。Fireworksの共有ライブラリです。 簡単に作れるんだけど、いちいち最初から作るのは面倒というドットのアイコンや、正三角形ツールを作... 続きを読む
-
Webデザインのタネのタネあかし〜ワイヤーフレームを組み立てる前に... oshare.jugem.cc
デザインコンセプト編からの続きです。コンセプトが決まって、デザインを見た人がどう思って欲しいのかというのも決まったのでいざデザインへ! …とその前に。ワイヤーフレームを作っていきます。ワイヤーフレームとはページのざっくりとしたレイアウト図のことです。デザインの前には必ずワイヤーフレームを作って... 続きを読む
-
Webデザインのタネのタネあかし〜失敗編 | Webデザインのタネ oshare.jugem.cc
ブログデザインのリニューアルをして、その翌日にというのも早いかもしれませんが、鉄は熱いうちにということで。ブログのデザインを変更してみた理由やらを書いてみます。 なんでリニューアルしたの? 毎度僕がリニューアルする理由は「飽きたから」っていうのが一番多いです。今回はそれに加えて、改めて見たら「... 続きを読む
-
Webデザインのタネのタネあかし〜デザインコンセプト編 | Webデザイ... oshare.jugem.cc
ブログのデザインの方向性がまったく決まらず、ディレクターに意味不明な質問を投げて困惑させてしまった失敗編からの続きです。 思い出したように本棚から取り出した「視覚マーケティング実践講座」。ブログデザインと自分自身をどう表現していくかというところで、今回の悩みの解決方法がここにありました。 「視... 続きを読む
-
ディレクターとデザインのあれこれを共有する方法のまとめ | Webデザ... oshare.jugem.cc
ディレクターが気を遣うところといえば、デザイナーとどうやってイメージを共有するかということが一つあると思います。イメージの共有が失敗すると、いつまでたってもお客さまからゴーサインがもらえずに、まったく進まない…そんな体験が一度はあると思います。 今回はディレクターがデザイナーとビジュアルについ... 続きを読む
-
Fireworksの共有ライブラリ作りました | Webデザインのタネ oshare.jugem.cc
夏休みも昨日で終わり、今日からまた気合いを入れてお仕事です。おはようございます。 前々から作ろう作ろうと思って作れなったものをここぞとばかりに作ってみました。Fireworksの共有ライブラリです。 簡単に作れるんだけど、いちいち最初から作るのは面倒というドットのアイコンや、正三角形ツールを作... 続きを読む
-
Fireworks CS3からCS5に移行しても早く業務ができるように覚えておき... oshare.jugem.cc
会社でFireworks CS3からCS5を使うことになり、いよいよ仕事でも最新版の恩恵を受けることになりました…っていうのを実はだいぶ前に書こうと思ったんですが、ブログ書いてる時間がとれずにうずうずしてました。 今日はCS4→CS5という人じゃなく、CS3からCS5に移行する際のポイントを紹... 続きを読む
-
Photoshopで集中線を描く方法 | Webデザインのタネ oshare.jugem.cc
今日はちょっと趣向を変えて漫画なんかで使われているような集中線をPhotoshopで描く方法を紹介します。 集中線はバナーの見出しにうっすら入れておくだけでも、妙に迫力が出るので大きめサイズで作ってPNG24の透過PNGで書き出しておくとFireworksでも使いやすくなります。 まずは新規に... 続きを読む