WordPressのテーマを選ぶ時、ちょっと考えてほしいライセンスとコミュニティの話 - デザイナーのイラストノート
WordPressは「テーマ」をインストールして、ページの見た目や機能を変更することができます。WordPressは世界中にユーザーがいるので、たくさんのテーマが配布されていますが、テーマを選ぶ時、まずは見た目の美しさや機能性に目が行きます。そこでぜひ注目してほしいのはライセンスの違いです。大きく分けると、WordPress.org掲載テーマをはじめとする「ライセンスが100％GPLのテーマ」、「それ以外のライセンスのテーマ」の二つに分けられます。今回は、わたしのようなユーザでも「100％GPL」テーマについて知った方がいい理由について書きます。 ライセンスってなに？ 誰かが作ったものには「著作権」があり、他人が無断で使うことはできません。そこで著作権は作者が保持したまま、「使ってもいいですよ」という許可を与えるものが「ライセンス」です。ライセンスはGPLやMITなど有名なものから、「○○
デザイナーが他のデザイナーのバナーをブラッシュアップする「バナーデザインくるくる会」をやりました | デザイナーのイラストノート
@ misumi_takuma さんがTwitterで「よくあるデザインのBefore/Afterは、最初からBeforeのクオリティが低く感じる、デザイナーが作ったものをBeforeにするとどうなるのか」という話をしていて、デザイナーが作ったものを交換してデザインをブラッシュアップしていく「バナーデザインくるくる会」というのをやりました。 制作のお題準備 今回作成するバナーは、よくあるサイトのトップページに大きく表示されるバナーです。バナーは「この先の情報を読んでほしい」という目的がはっきりしているので、こういったお題には向いています。しかしこの情報とバナーの作成要件だけではデザインはできません。そこで各お題には 「トーン＆マナーの参考サイト」 を1サイトずつ用意しました。ターゲット層と、色やフォントを選ぶ際の参考にします。 制作手順 お題と使用する写真は当日配布 制作はPhotosho
TwitterでRT18,000超えのイラストのネタをパクられたので著作権の話をしようと思う - デザイナーのイラストノート
この記事は年末だからたまったものを吐き出そうというネタ記事です。登場人物にはすでに抗議済みなので、この記事を読んで先方へ何らかのアクションを起こすことはお控えください。まとめサイトや無断転載などが話題の最近、こんなこともあるんだねという記事です。「パクる」という言葉は好きではないですが、今回の件ではその表現が適切だと思ったので使用させていただきます。 問題のイラスト 綺麗なタイツの履き方 in美少女 pic.twitter.com/C6aq6arfph — しぴー (@pummeluff39) 2016年7月18日 ( ﾟдﾟ) ・・・ (つд⊂)ｺﾞｼｺﾞｼ (；ﾟдﾟ) 脅されて描きました【タイツの履き方】 pic.twitter.com/uGyvRXq4Kv — すぴかあやかAyakaSumida (@spicagraph) 2014年2月1日 このイラストは2014年に、じぶんがタ
「自信がない」じぶんとのつき合い方 - デザイナーのイラストノート
夢見がちでまじめなうお座A型、社会人14年のうちフリーランスを10年もやりましたが、相変わらず人見知りですぐに自信をなくしてしまいます…。そんなわたしですが、最近ではこうやってブログやセミナーで自分の考えを発表する機会も増えてきました。「自信がない」じぶんとのつきあい方について書いてみたいと思います。 自信とは何か わたしにとって自信とは、「MP（マジックパワー）」のようなものです。その自信（MP）の根拠は、これまでの経験や他人から得た評価です。 じぶんを評価されるということ 人の評価というのは大きく2つあります、今回は「事実起因評価」と「感情起因評価」と呼ぶことにします。 学校や仕事で、評価を受けるときの物差しは、主に「事実起因評価」です。 しかし、人の能力というのはこれまで培ってきた感性というものと深く関わりがあります。例えばわたしはデザイナーですが、じぶんのデザイン能力や感性は「これ
SVGの各アプリケーション書き出しをあれこれを調べてみた - デザイナーのイラストノート
このブログのロゴにも使用していますが、最近よく目にするようになったSVG。イラストにはうれしい画像形式なので、とても注目しています。しかし、制作するグラフィックツールによって書き出しの設定が本当にまちまち・・・ということでいろいろ試してみた結果です。 SVGとは Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス）で「SVG」。拡大縮小しても荒れない画像形式ということで、ロゴやアイコンなどに使用されるシーンも増えてきました。テキストエディタで編集できたり、CSSで色を変えたり、グラフィックツールがなくても画像を編集することができるのが特徴です。タイムリーにも、先日MicrosoftのOfficeでも、SVG形式が利用できるようになるというニュースもありました。 SVGの利点として、変更の差分が取りやすくGitなどで管理しやすい、ということがあります。例
Webデザイナーは気分でマージンを決めている？へのアンサー - デザイナーのイラストノート
先日Mさんら数人とハングアウトで話す中で、「Webデザイナーって気分でマージンとか決めてるんでしょ、だからいつもバラバラなんでしょう」と指摘されたので、それに対するアンサーを雑ですが書いてみようと思います。※ネタ記事なので間に受けないように いやいやいやいやいや 気分です、はっきり言って。120％気分です。 ただ、Mさんのいうニュアンスと違うところは「自分の気分ではない」ということですね。ページを見る人、クライアントさん、みんなの気分を考えて想像して、作るものです。 そもそもマージンもフォントサイズも、マシンが読む分には必要ないものですよね、マシンリーダブルでセマンティックであれば視覚表現はいらないわけです。ではなぜマージンを開けたりフォントを変えたり、サイズや太さを変えるかというと、人間には視覚的に「気持ち」を伝えるしか術がないんですよね。相対的に大きくすることで強調したり、違うフォント
「五輪エンブレム」に思う、ロゴ・エンブレムデザインとは？ - デザイナーのイラストノート
本日、2015年8月5日に行われた「五輪エンブレムについての記者会見」を拝見して、佐野研二郎さんのファンのひとりとして、デザインに携わりデザインを信じるものとして思うところがあったので書きました。記者会見の様子はこちら「五輪エンブレム問題 制作者の佐野研二郎氏が5日に会見｜BLOGOS」。 デザインは「見た目」だけではなく「問題解決」です。その中にあってロゴデザイン・エンブレムデザインというのはまた特別なもので、例えば会社のロゴ・エンブレムは、単に社名を伝える役割だけではありません。 有名なエンブレムで言うとメルセデス・ベンツやアウディは、丸や直線を組み合わせた非常にシンプルな形ですが、そこにはきちんと意味が込められています。 メルセデス・ベンツの車体に輝くエンブレムは、合併前のダイムラー社が使用していたスリーポインテッド・スターとベンツ社の円形月桂冠とを併せデザインされたもので、3点には
デザイナーの仕事って何だろう？改めて考えてみた2015春 - デザイナーのイラストノート
デザイナーとは何をするひとなのか、どこまでデザイナーなのか。定義は人それぞれですが、様々なことを知るにつれじぶんの定義も変わっていくのを感じながら日々過ごしています。言語化するのはなかなか難しいのですが、以前書いた「デザインする上で大切にしていること」からもう少し広いお話です。 デザイナーとは何か 「デザイナーとアーティストは違う」これは高校生のころに教わって今でも指針にしている言葉の一つです。「デザイナーはクライアントの代弁者、デザインは問題解決」というのがじぶんの認識です。見た目だけのデザイナーはだめ、デザイナーのエゴではだめ、全くごもっともですが、では「デザイナーが見た目にこだわるのは悪いこと」なんでしょうか？ どこからがデザイン？ デザイン書を開けば、配色、レイアウト、フォトレタッチ、文字組…デザイナーが手を動かす範囲はとても広くなっています。では、どこからが「デザイン」なのでしょ
【育児ネタ】「ホコリで人は死なないから大丈夫」に苦しめられてはいけない - デザイナーのイラストノート
わたしはいま3歳の息子を子育て中です。いまはペースも掴めて気持ちに余裕ができましたが、1年目にはつらいことも多かったです。同じ3歳の娘さんを持つ、Webデザイナー宇都宮(mojamojayoriko)さんの記事「新米ママに告ぐ。“丁寧なくらし”に憧れるにはまだ早い【洗濯・掃除編】 – おなじといっしょ」を拝見して、いま振り返ってやっと分かった「自分がつらかったこと」を書いてみようと思います。 出産してすぐ 子どもが生まれたのは2011年4月、そこから1歳になる2012年4月までフリーランスをお休みして、専業主婦をさせてもらっていました。実はこの頃の記憶はほとんどなくw いま写真を見返せば赤ちゃんの息子はとってもかわいいのですが、当時はとてもそこまでの心の余裕がなかったです。 好きなだけ仕事をして合間に洗濯や掃除、主人が帰ってくるまでに夕飯を用意すればいい、というのんきな生活は一変しました。
わたしのしごと（フリーランス Advent Calendar 2014 第一日） - デザイナーのイラストノート
フリーランスの方のお話を聞いてみたくて「フリーランス Advent Calendar 2014」はじめました。おかげさまで25日全日名乗りを上げてくださって、今日から毎日、アドベントカレンダーのように日替わりで皆さんそれぞれのフリーランス話を聞けるのが楽しみです( ˘ω˘)。呼びかけ人として1番に名乗りを上げましたが何について書くか悩み、この8年のことをざっくり振り返ってみます。 自己紹介 初めまして、すみだあやかと申します。大阪でspicagraph(スピカグラフ)という屋号で主にwebデザインやイラスト制作をしています。フリーランス制作者＆兼業主婦です。2002年頃からweb制作の仕事をはじめ、2006年10月にフリーランスになりました。気がつけばフリーランス8年生、妻9年生、母3年生です。 フリーランスデザイナーになったきっかけ 派遣や社員でいくつかの制作会社でお世話になり、クライア
「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や（）や・などは、隣り合うと何だか
わたしの白色確定申告(フリーランス8年目) - デザイナーのイラストノート
真夏に確定申告ネタですこんにちは。ゆん(@webclenote)さんが書かれた確定申告記事を読んで、人それぞれだから全て説明するのは難しいだろうな→じゃあじぶんのを書いてみようということで、残念ながら節税とか確定申告指南とかそう言うものではないので悪しからず。 わたしのスペック 残念なわたしのスペックを最初にお伝えしておきますので離脱するならここです。 webデザイン・イラスト個人事業主で受託制作100％自己完結 驚きの白さ！白色申告 イータックスってなんですか？確定申告書等作成コーナーからプリントアウトしてます 確定申告ソフトとか一切無し！いまどきアナログ手書き帳簿！ 日頃していること ありませんすみません！！財布にレシートを貯めてはいっぱいになったらファイルへ移動して見なかったことに…！何を買ったかわかり易いので、レシートを貯めてます。「いつどこでなにをいくら買ったか」というのが重要な
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
デザインする上で大切にしていること - デザイナーのイラストノート
デザインしてますか？spicagraphです。ふだんツールに関する記事を書いたり、Twitterでつぶやいたりしていると「こいつ見た目のことばっかりやな」と思われそうで、めずらしくデザインするとき大切にしていることについて書きます。わたしの仕事は主にEC、LP、プロモーション、コーポレートサイトなので、UI/UXみたいなかっこいい話でないことは前置きしておきます（でもだいじなおしごとだよ！） デザインは誰のため？ 大前提として、わたしは誰に向かってデザインしているのか。 わたしはフリーランスで仕事をしているため「お客さん」がたくさんいます。仕事をくれた制作会社のディレクターさん、クライアント、ユーザーです。webサイトの「お客さん」はユーザーですが、ユーザーだけがいいと思うものだけが良いデザインだとは思いません。 webサイトは更新されていくものです、多くの場合はクライアントによって。とい
LINEスタンプづくりにFireworksをおすすめする理由 - デザイナーのイラストノート
2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。「LINE Creators Market」イラストであることが必須、png形式、スタンプだけで40個…これは…なんというFireworks向き案件！ということで今回はその理由を。 まずは概要 LINEスタンプのガイドラインによると、必要なものは メイン画像(1個) 240×240px スタンプ画像(40個) 370×320px(最大) トークルームタブ画像(1個) 96×74px 上記の画像計42個で、形式は全てPNGです。スタンプ、トークルームタブ画像は性質上背景透過になると思います。 イラストをどのアプリケーションで制作するかというのは個人の好みの問題なのですが、Fireworksで作る場合にはぜひ「ステート」機能を使うことをおすすめします。 ステートとは Fireworks CS4以前は「フレーム
みんな大好き水着美女で「影」と「光」を描いてみよう - デザイナーのイラストノート
今回は「影」と「光」のお話です。私たちが目にしている立体物には「奥行き」がありますが、平面のイラストでそれを表現するとき「影」と「光」の表現は必要不可欠です。イラストだけでなく、デザインに取り入れることで奥行きのある世界観などを表現できるようになります。 影を描く練習 まずは基本の球体を描いてみましょう。円形を描いてみてください。 …え？描かない？ 球体なんてつまらないから描かない？ わかりました。それではみなさんが大好きな球体でご説明することにしましょう。 え？全然球体じゃないじゃないかって？そうです、今はまだ貧乳…いや、スレンダーな女性ですね。これから影と光を追加して、グラマラスな女性にしていきたいと思います。 影のつき方について、ざっくり説明すると球体にはこのような形で影ができます。手前にせり出してくる部分を避けて丸く影がついていき、光が下に反射する場合は「照り返し」の光があると球体
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーのイラストノート - イラストや参考にしたサイトのご紹介、アプリケーションの技術向上を目指すブログです。