Web制作の現場でアニメーションを誰が考える？どう共有する？Twitterでのアンケート報告 - デザイナーのイラストノート

2017/12/14 26 users Twitter アニメーション 実装 ロールオーバー 疑問

今年いろいろなところでデザインのお話をしてきましたが、 「Webサイトにアニメーションを入れる場合は誰が考えますか？どう共有しますか？」 という質問をいくつかいただきました。これは同じ疑問を持っている人も多いのでは？ということでTwitterでアンケートを取ってみました。 Webサイトで、ページ遷移コンテンツの表示、ロールオーバーやボタンにアニメーションをつける場合、実装はフロントエンドエンジニア... 続きを読む

フリーランスデザイナーのわたしが「発言に気をつけている」ことのお話 - デザイナーのイラストノートデザイナーのイラストノート

2017/09/16 55 users フリーランス じぶん 半分 SNS フリーランスデザイナー

いつもSNSで自由な発言をしているわたしですが、フリーランスのデザイナーとしていくつか「発言に気をつけている」ことがあります。今日はそのお話です。 気をつけていること 「やりたいこと」を発言すること 「発言がじぶんの価値を下げる」こと 「しなきゃいけない」に注意すること 「やりたいことを」発言すること 最近よく「やりたいことは口に出したほうがいい」という話を聞きます。 それは半分「その通り」、しか... 続きを読む

デザイナーが他のデザイナーのバナーをブラッシュアップする「バナーデザインくるくる会」をやりました | デザイナーのイラストノート

2016/12/31 53 users バナーデザイン Twitter before After 最初

@ misumi_takuma さんがTwitterで「よくあるデザインのBefore/Afterは、最初からBeforeのクオリティが低く感じる、デザイナーが作ったものをBeforeにするとどうなるのか」という話をしていて、デザイナーが作ったものを交換してデザインをブラッシュアップしていく「バナーデザインくるくる会」というのをやりました。 制作のお題準備 今回作成するバナーは、よくあるサイトのト... 続きを読む

TwitterでRT18,000超えのイラストのネタをパクられたので著作権の話をしようと思う | デザイナーのイラストノート

2016/12/29 59 users アクション タイツ 履き方 登場人物 表現

この記事は年末だからたまったものを吐き出そうというネタ記事です。登場人物にはすでに抗議済みなので、この記事を読んで先方へ何らかのアクションを起こすことはお控えください。まとめサイトや無断転載などが話題の最近、こんなこともあるんだねという記事です。「パクる」という言葉は好きではないですが、今回の件ではその表現が適切だと思ったので使用させていただきます。 問題のイラスト 綺麗なタイツの履き方　in美少... 続きを読む

「自信がない」じぶんとのつき合い方 | デザイナーのイラストノート

2016/11/29 967 users じぶん 人見知り つき合い方 デザイナー つきあい方

夢見がちでまじめなうお座A型、社会人14年のうちフリーランスを10年もやりましたが、相変わらず人見知りですぐに自信をなくしてしまいます…。そんなわたしですが、最近ではこうやってブログやセミナーで自分の考えを発表する機会も増えてきました。「自信がない」じぶんとのつきあい方について書いてみたいと思います。 自信とは何か わたしにとって自信とは、「MP（マジックポイント）」のようなものです。その自信（M... 続きを読む

フリーランスになってわかった仕事のむつかしさ | デザイナーのイラストノート

2015/12/26 47 users しさ ムツ フリーランス デザイナー 日中

この記事は「 フリーランスアドベントカレンダー 」最終日の記事です。2014に続き2年目ですが、 (´ ºムº `) さんが「今年もやりましょう」と言ってくださって、脱落者ゼロ、急かしたりしないのにみなさんほぼその日中に上げてくださって…主催が遅刻して本当にすみません！！！ 自己紹介 大阪で「spicagraphスピカグラフ」という名前でフリーランスのデザイナー＆イラストレーターをしています、10... 続きを読む

わたしのデザインセオリー（写真マスク編） | デザイナーのイラストノート

2015/12/11 333 users デザイナー わたし 小手先 Webデザインセオリー 効率

この記事は「 Webデザインセオリー Advent Calendar 2015 」の11日目の記事です。@ striveさんの「 Webデザインの価値と効率を上げるため意識していること　Webデザインセオリー Advent Calendar 2015 」というとても戦略的でいい記事から一点、小手先の話ですみません・・・！ デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」とい... 続きを読む

デザイナーのわたしがターミナルをこわいと思っていた話 | デザイナーのイラストノート

2015/10/31 243 users ターミナル デザイナー コマンド わたし 擬人化

デザイナーとして仕事をはじめて10年を超えますが、「ターミナルで」とか「コマンドで」という言葉を聞くとついビクッとして苦手意識が出てしまいます。最近は少しおもしろくなってきたので、何がこわかったのかということを、擬人化した「ターミナルくん」を使って書いてみたいと思います。 ターミナルくんこわい その１：無表情すぎる 立ち上げてみてもボタンがどこにもない、なにこれこわい。スタートとかキャンセルとかし... 続きを読む

デザイナーへの批判に「デザインをわかってない」とは言いたくない | デザイナーのイラストノート

2015/09/03 28 users デザイナー 批判 プロセス ケーキ 友人宅

このところ東京五輪エンブレムに関連して、我が事のように心を痛め、落ち込んで見えるデザイナーの方を見かけます。デザイナーの仕事は目に見えるものだけでなく、たくさんのプロセスを経ていますが、それはなかなか伝わらないものです。しかしそれはある意味当たり前のことだと思うので、その事を書いてみます。 プロと素人の違い 例えば友人宅でケーキを出されたとき、プロのケーキなのか、友人の手づくりなのかで反応が大きく... 続きを読む

尾木ママにもわかってほしいデザインのトレースとオマージュとデザインソースのちがい | デザイナーのイラストノート

2015/08/20 62 users オマージュ トレース trace デザイナー 尾木ママ

コピーはダメだけどトレースはいいの？ い　い　わ　け　な　い　よ　！！ トレース (trace) は、すでにある物をなぞること。またはなぞるべき痕跡のこと。 出典：Wikipedia ここでいう「トレース」とは「そっくりそのまま写し取る」こととします。この世に存在する、写真、イラスト、映像、建築物…etcには全て「著作権」が存在します。それをコピーだろうが、トレース（なぞる）だろうが、「自分に著作... 続きを読む

尾木ママにもわかってほしいデザインのトレースとオマージュとデザインソースのちがい | デザイナーのイラストノート

2015/08/20 62 users オマージュ トレース trace デザイナー 尾木ママ

コピーはダメだけどトレースはいいの？ い　い　わ　け　な　い　よ　！！ トレース (trace) は、すでにある物をなぞること。またはなぞるべき痕跡のこと。 出典：Wikipedia ここでいう「トレース」とは「そっくりそのまま写し取る」こととします。この世に存在する、写真、イラスト、映像、建築物…etcには全て「著作権」が存在します。それをコピーだろうが、トレース（なぞる）だろうが、「自分に著作... 続きを読む

「五輪エンブレム」に思う、ロゴ・エンブレムデザインとは？ | デザイナーのイラストノート

2015/08/05 57 users 五輪エンブレム デザイナー エンブレムデザイン BLOGOS

本日、2015年8月5日に行われた「五輪エンブレムについての記者会見」を拝見して、佐野研二郎さんのファンのひとりとして、デザインに携わりデザインを信じるものとして思うところがあったので書きました。記者会見の様子はこちら「五輪エンブレム問題　制作者の佐野研二郎氏が5日に会見｜BLOGOS」。 デザインは「見た目」だけではなく「問題解決」です。その中にあってロゴデザイン・エンブレムデザインというのはま... 続きを読む

デザイナーの仕事って何だろう？改めて考えてみた2015春 | デザイナーのイラストノート

2015/05/13 80 users デザイナー 指針 ひと 定義 ころ

デザイナーとは何をするひとなのか、どこまでデザイナーなのか。定義は人それぞれですが、様々なことを知るにつれじぶんの定義も変わっていくのを感じながら日々過ごしています。言語化するのはなかなか難しいのですが、以前書いた「デザインする上で大切にしていること」からもう少し広いお話です。 デザイナーとは何か 「デザイナーとアーティストは違う」これは高校生のころに教わって今でも指針にしている言葉の一つです。「... 続きを読む

【育児ネタ】「ホコリで人は死なないから大丈夫」に苦しめられてはいけない | デザイナーのイラストノート

2015/03/20 224 users ホコリ デザイナー 育児ネタ

わたしはいま3歳の息子を子育て中です。いまはペースも掴めて気持ちに余裕ができましたが、1年目にはつらいことも多かったです。同じ3歳の娘さんを持つ、Webデザイナー宇都宮(mojamojayoriko)さんの記事「新米ママに告ぐ。“丁寧なくらし”に憧れるにはまだ早い【洗濯・掃除編】 – おなじといっしょ」を拝見して、いま振り返ってやっと分かった「自分がつらかったこと」を書いてみようと思います。 出産... 続きを読む

フリーランスにモテる（かもしれない）仕事の打診メールFor制作会社さま | デザイナーのイラストノート

2015/03/11 104 users フリーランス デザイナー いいわけ 拝啓 立場

拝啓、制作会社様。いつもお仕事ありがとうございます(深々)。お仕事を打診していただくメールはみなさんそれぞれで、もらってうれしいメール、もっとこうなればうれしいメール、について書いてみようと思います。 初めのいいわけ 突発的に書いてみたくなったので、フリーランスWebデザイナーの立場から、仕事の打診メールをいただくときに「こんなこと書いてくれるとうれしい」という話です。しかし自分自身いつもレスポン... 続きを読む

LINEスタンプできました！反省と制作のおはなし | デザイナーのイラストノート

2014/12/08 30 users 反省 デザイナー line 制作 おはなし

記事にも書いたことのあるLINEスタンプですが、だいぶ後発ですが承認されました！！作るときに考えたことや参考書籍のご紹介など。 LINEスタンプできました！ 「ゆるボブガール＆うさぎ」です！よろしくお願いします。 「LINE Creators Market」がスタートしたのが今年の2/26、だいぶ後発ではありますがスタンプを作ってやっと承認・販売まで来ました。前に「LINEスタンプづくりにFire... 続きを読む

わたしのしごと（フリーランス Advent Calendar 2014 第一日） | デザイナーのイラストノート

2014/12/01 44 users デザイナー わたし アドベントカレンダー 日替わり おかげさま

フリーランスの方のお話を聞いてみたくて「フリーランス Advent Calendar 2014」はじめました。おかげさまで25日全日名乗りを上げてくださって、今日から毎日、アドベントカレンダーのように日替わりで皆さんそれぞれのフリーランス話を聞けるのが楽しみです( ˘ω˘)。呼びかけ人として1番に名乗りを上げましたが何について書くか悩み、この8年のことをざっくり振り返ってみます。 自己紹介 初めま... 続きを読む

わたしの白色確定申告(フリーランス8年目) | デザイナーのイラストノート

2014/09/02 355 users デザイナー わたし じぶん 節税 スペック

真夏に確定申告ネタですこんにちは。 ゆん(@webclenote)さんが書かれた確定申告記事を読んで、人それぞれだから全て説明するのは難しいだろうな→じゃあじぶんのを書いてみようということで、残念ながら節税とか確定申告指南とかそう言うものではないので悪しからず。 残念なわたしのスペックを最初にお伝えしておきますので離脱するならここです。 webデザイン・イラスト個人事業主で受託制作100％自己完結... 続きを読む

【パス初心者向け】トレースするときに気をつけていること | デザイナーのイラストノート

2014/06/01 455 users デザイナー SVG 末尾 バス アイコン

熱くなりましたね！みなさんパスってますか？！ SVGの普及なのかアイコンブームなのかLINEスタンプ祭りなのか、パスを使ってイラストやアイコンを描く方が増えた気がします。 前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。パスでトレースするとき、マスクするときによく使う便利機能3つも末尾につけました。 対象はAdobe Illustrato... 続きを読む

デザインする上で大切にしていること | デザイナーのイラストノート

2014/03/14 414 users デザイナー

デザインしてますか？spicagraphです。 ふだんツールに関する記事を書いたり、Twitterでつぶやいたりしていると「こいつ見た目のことばっかりやな」と思われそうで、めずらしくデザインするとき大切にしていることについて書きます。 わたしの仕事は主にEC、LP、プロモーション、コーポレートサイトなので、UI/UXみたいなかっこいい話でないことは前置きしておきます（でもだいじなおしごとだよ！） ... 続きを読む

LINEスタンプづくりにFireworksをおすすめする理由 | デザイナーのイラストノート

2014/02/28 386 users PNG形式 ガイドライン スタンプ Fireworks 必須

2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。 LINE Creators Market イラストであることが必須、png形式、スタンプだけで40個… これは…なんというFireworks向き案件！ということで今回はその理由を。 まずは概要 LINEスタンプのガイドラインによると、必要なものは メイン画像(1個)　240×240px スタンプ画像(40個)　... 続きを読む

Fireworksのパスで変幻自在な表現をプラス #adobefireworks | デザイナーのイラストノート

2013/12/19 87 users Firew Fireworks アプリケーション バス わたし

この記事は「Fireworks Lover Advent Calendar 2013」の18日目の記事です。 Fireworks…すきですか？わたしはすきです。 これまでの方が書かれてきたように、Fireworksはweb制作にはとても優れたアプリケーションです。 でもそれだけじゃない！！お絵描きツールとしてもすごく楽しいツールなんだよ！！という記事です。 Fireorksで描けるパス Firew... 続きを読む

Illustratorのアピアランスのみで水着美女を描こう | デザイナーのイラストノート

2013/08/20 21 users アピアランス Illustrator zip 猛暑 工程

今年の夏も猛暑ですね、こんなときはやっぱり水着美女です。 という訳で、比較的手のあいたお盆を利用してIllustratorのアピアランスで遊んでみました。 今回のはもともとデータを公開するつもりで作っていたのでさっそくデータを置いておきます。 girl.zip (Illustrator CS6/217kb) もうこれを見てもらったら言うことは何もないんですが 胴体部分を例に、どう言った工程なのか見... 続きを読む

Fireworksでみんな大好き水着美女を描いてリアルな「影」を覚えよう | デザイナーのイラストノート

2013/04/04 121 users Fireworks 球体 円形 平面 奥行き

さて今回はFireworksのお話というより、イラストの基本「影」のお話です。 私たちが目にしているものは全て立体ですが、 平面のイラストでそれを表現するとき「影」の表現は必要不可欠です。 イラストだけでなく、デザインに取り入れることで奥行きのある世界観などを表現できるようになります。 まずは基本の球体を描いてみましょう。 Fireworksで円形を描いてみてください。 …え？ 描かない？ 球体な... 続きを読む

Fireworks CS10の新機能でイラストのかわいさを簡単調整 | デザイナーのイラストノート

2013/04/01 25 users デザイナー クライアント コントラスト イラスト 調整

昨日リリースされたFireworks CS10はもうダウンロードされましたか？ 今回のバージョンでは様々な機能が強化されていましたが イラスト制作には嬉しい自動調整機能が2つ追加されていましたのでご紹介します。 かわいさ・コントラスト まずはベースのイラストを作成します。 いい感じに出来たつもりでも、クライアントから 「もう少しかわいくして」「もっとシャープな印象に」という修正が入ることがよくあり... 続きを読む