食べログとRettyにみる先行vs新興のメディアバトル - MdN Design Interactive
それは、Rettyが先にケンカを売る形ではじまった。 実名制であることを特徴とするグルメ系口コミサイトのRettyは、国内のMAU（月間アクティブユーザー数）1000万人に到達したと発表し、同時に東京都内に限れば口コミ数においてトップに立った、と発表したのだ。 これに反発したのが食べログだ。 食べログはプレスリリースを発して、我々が考える口コミとは200文字以上のテキストを含むものに限定しているが、Rettyが発表した口コミとは写真だけや評点をつけただけのような「エンゲージメント」全体を計算に入れている、と反論した。Retty同様の定義をした口コミ数では、食べログのほうがはるかに多い、と主張したのである。 また、Rettyはグルメ系メディアを三世代にわけて ・1.0…店舗にお金を払って得た所在地やメニューなどの情報をリスト化したWebサイト ・2.0…店を実際に訪れた（匿名の）消費者の声を
手軽に綺麗な写真が撮れる! スマホカメラ撮影時のコツ＆小技 - MdN Design Interactive
最近は、高性能なレンズを備え、コンパクトデジカメに迫る画素数を備えたスマートフォンが次々と登場している。なかには、手ぶれ補正や光学ズームといった機能を搭載したものもあり、スマートフォンでも高画質な写真が気軽に撮影できるようになってきた。ただし、スマートフォンをカメラとして使ったときのホールド感や操作体系は、当然ながらデジタルカメラとはまったく異なる。そこで今回は、スマートフォンならではの気軽さで、画質にこだわって撮影したいときのコツや小技をご紹介したい。 ■iPhoneで明るく撮るには、暗いところをタップ 背景が明るいところで人や物をスマートフォンで撮影したときに、被写体が暗く写ってしまう、といった経験をもつ人は少なくないと思う。Androidスマートフォンでは、撮影時に露出補正機能を使ってプラスあるいはマイナス補正をかけて明るさをコントロールできるモデルもあるが、iPhone純正のカメラ
デザインがユニークな「折り畳みサムライ傘」「魔剣アンブレラ」 - MdN Design Interactive
サンコー株式会社は、サンコーユニークアンブレラシリーズの新作として「折り畳みサムライ傘」および「魔剣アンブレラ」を発売した。価格は折り畳みサムライ傘が2480円（税込）、魔剣アンブレラが1980円となっている。 折り畳みサムライ傘は、傘の持ち手部分が刀の柄のようなデザインになっているのが特徴。目貫や柄巻などをリアルに再現している。縁と傘カバーに描かれた龍も本格的だ。デザインのみならず、鍔があるので持ちやすいなど実用性も申し分ない。サイズは1040mm×720mm（折り畳み時は55mm×410mm）。 魔剣アンブレラは細かなディテールで表現された剣の柄が特徴的なジャンプ傘だ。骨部分が特殊な構造となっており、強風にも負けない力強さを備えている。サイズは1220mm×1020mm。なお、通常の人間はオーラを出すことができない。
第9回 Webデザイナーが押さえておくべき、内部SEO施策18のポイント - MdN Design Interactive
知ってるつもりで意外と知らないSEO最新のキホン 第9回 Webデザイナーが押さえておくべき、内部SEO施策18のポイント 2015年03月24日 TEXT：押谷圭佑（ヴォラーレ株式会社） こんにちは。ヴォラーレ株式会社の押谷です。前回はリニューアルにおけるSEOの全体感の説明をしましたが、今回はより実践的で細かな施策を紹介します。 クライアントに「いま手がけているWebサイトのSEOもお願いしたい」と依頼された経験のあるWebデザイナーや、Web担当者を兼務しているWebデザイナーは、WebサイトのSEO対策を考えたことが一度はあると思います。そうしたWebデザイナーのために、押さえておくべき18のSEO内部施策に関するポイントを紹介していきます。 ■HTMLの調整 基本的に、1ページに対して1テーマ（キーワード）として対策します。これはSEOにおけるHTMLの調整の基本であり、対策する
Webアクセシビリティの未来を考えるセミナーが開催 - MdN Design Interactive
Yahoo! JAPANと株式会社ビジネス・アーキテクツ（BA）、株式会社ミツエーリンクスの3社は9日、企業のWeb担当者を対象としたセミナー「マルチデバイス時代のWebアクセシビリティ」を東京・六本木のYahoo! JAPANミッドタウン・タワー11Fセミナールームにて開催した。Webアクセシビリティの最新動向がわかる同イベントについて、その詳細をレポートする。 同セミナーは、Webアクセシビリティに関する知識やトレンドを学べるセミナーで、一般企業や公的機関のWeb担当者やサービス運営者、プロデューサーなどを対象としている。同イベントを主催した3つの企業からそれぞれスピーカーが登壇し、Webアクセシビリティの本質と、今後のWebサイトの構築・運用に必要となる考え方を学べる3つの講演が行われた。以下、各講演の詳細を紹介する。
SNSのボタンをまとめて配置する - MdN Design Interactive
第8回 SNSのボタンをまとめて配置する 自身のサイトやブログを拡散させるために使用するソーシャルボタンは、それぞれ使用するサイトからひとつずつ作成することはできますが、簡単にまとめて設置ができるプラグイン「jQuery.socialbutton」を使用してソーシャルボタンを設置してみます。 解説：（有）ムーニーワークス ハヤシユタカ 前回は、特定の位置にスクロールされるとヘッダーエリアを固定するレイアウトを作成しました。今回はサイトやブログなどで設置する各種ソーシャルボタンを設置するプラグインで簡単に設置してみたいと思います。 ■今回作成したサンプル 【サンプル】：「ソーシャルボタンをまとめて配置する」 ●プラグインの導入 各種ソーシャルネットワーキングサイトの「いいね！」ボタンを導入できるプラグイン「jQuery.socialbutton」。まずはjQuery本体とjquery.soc
Webデザインが必要とされなくなる日 - MdN Design Interactive
2014年05月12日 TEXT：小川 浩（シリアルアントレプレナー） 先日とある記事で見かけた、WordPressを保有するベンチャー企業AutomatticのCEOのコメントが気になった。WordPressはオープンソース型CMSとして無償配布していると同時に、SaaSとしてWordPress.com経由でWebサイトをオープンできるような仕組みを提供している。シェア的にはほぼ半々とのことだが、このシェアは数年で大きくバランスを崩して自社サーバ上でWordPressをホストする企業がほとんどになるというのである。 前回のコラムでWeb構築サービスを提供するベンチャー企業の躍進を伝えたが、彼らの多くはWordPress.comと同様に自社のWebサービス上へCMSを置き、広くユーザーに提供している。Automatticとしては、WordPress.comで勝負するのではなく、オープンソー
LINEスタンプのキャラクターを効果的に作成するコツ（上） - MdN Design Interactive
2014年04月25日 TEXT：佐藤 勝（55Vintageworks） ※本記事は、著者のブログ記事「LINEスタンプのキャラクターを効果的に作成するコツ（上）」の転載となります。 先日、誰でもLINEのスタンプを作成して販売できるサービスが始まりましたね。LINEなどのメッセージアプリで使われるスタンプをデザインするには、普通にキャラクターイラストを描くのとは違ったノウハウもあります。今回は2回に分けて、スタンプのデザインのコツについてご紹介したいと思います。 1. まずアイデアをスケッチする まずは、どんなキャラクターを描くか、思いつくままにスケッチしてみましょう。明確なコンセプトがなくても、手を動かしているうちに、きっとアイデアが次々と出てくるはずです。 アイデアを膨らませる際には、「わがままでおしゃれが大好き」「いたずら好きで淋しがり屋」「食いしん坊、ビールとラーメンが大好き」
スタイリッシュなWebサイトが作れるBiNDの最新版「BiND for WebLiFE*7」登場！ - MdN Design Interactive
HTMLやCSSなどの専門知識を持たないWeb制作の初心者からプロのデザイナーまで低コストでスタイリッシュなサイトが作れる、Web制作ソフト「BiND for WebLiFE*」の最新バージョンが登場。あらゆる基本機能を大幅に改良することで効率的なWeb制作環境を実現すると同時に、豊富なテンプレートにより、美しく洗練されたWebデザインを低コストで実現。初心者からプロユースまで幅広く対応するWeb制作ツールとしての完成度を高めている。 「BiND for WebLiFE* 7」とは 発売以来、美しく洗練されたWebサイトを制作することができるWebオーサリングソフトとして多くのプロフェッショナルからも支持を得ている「BiND for WebLiFE*」。Webサイトを構築するためのさまざまなコンテンツ・機能をブロック単位で組み合わせていくことで、HTMLやCSS、そしてJavaScript
Illustrator ABC - MdN Design Interactive
Illustrator ABC NOKIA INOUE 『Illustrator ABC』をフル活用するためのTIPSです。記事内の参照ページをあわせて読むと、機能やメニューについての理解が深まるでしょう。 【Illustrator ABCについて】 アピアランス、［塗り］と［線］、整列と分布、パスファインダー機能、複合パス、etc, 基本的な機能だけれど、どのような場合にどんな結果になるのか、どうやって使い分けるのか、Illustratorの複雑な機能の本当の意味合いを理解して使いこなすのはかなり難しいといえます。しかし、とりあえずその場をしのぐことができても、Illustratorの本当の能力を使い切ることができないと、無駄な作業が多く非効率だったり、ビジュアルづくりの可能性を狭めてしまうことにもなるでしょう。 Illustratorは基本的な機能こそがソフトウエアの中核であり、もっと
作品の世界観に合わせた作字と手書きロゴ - MdN Design Interactive
少それはデザイン界を揺るがすのか？ 少女漫画のデザインに革命が起きていた。 タイポグラフィ 作品の世界観に合わせた作字と手書きロゴ 『アオハライド』は、お互いに淡い想いを抱きつつも離ればなれになってしまった2人が高校１年で再会し、再び惹かれていく……というストレートな少女漫画。タイトルロゴは、雑誌連載時、扉を手掛ける時に作ることになった。作家さんからのリクエストは「疾走感のあるもの、だけど少女漫画の感じで」というものだった。 この6文字のカタカナ、川谷さんの中では「アオハライド」ではなく「アオハ」「ライド」で、その字面が美しいと思い、甘酸っぱい感じと危うさ、透明感を意識して作ったという。既存の書体ではなく、書かなければダメだろうと思い書くことに。 手書きのため、軸やベースラインが不安定なところがあるので、「アオハライド」の意味の説明をするのと同時に骨を1本通すという意味で、ロゴの下に英字の
第4回 他人の著作物を安全に利用するために - MdN Design Interactive
アート・エンタテインメントの業務を多く扱う「骨董通り法律事務所For the Arts」の弁護士による、著作権とそれにまつわる法律関連の連載です。クリエイターが気になる法律問題についてわかりやすく解説しているので、ぜひ参考にしてください。 文：弁護士 永井幸輔（骨董通り法律事務所 for the Arts） ケース：クライアントからの依頼で、旅行情報誌の表紙のアートワークを制作することになった。メインビジュアルには紅葉の山の風景写真を使いたいが、手元に使える写真がなかったため、インターネットで探して利用することにした。著作権を侵害しないよう適法に写真を使うためには、どうすればよいだろうか。 今回は、著作物の「利用」の側面についてお話ししましょう。 自身で発表するかクライアント・ワークであるかを問わず、制作物に他人のアートワークを使用することも少なくないのではないでしょうか。既存の作品には、
これからのWebデザインとWebデザイナー - MdN Design Interactive
Baidu×MdN スペシャルトーク SimejiのUIデザイン開発に見る これからのWebデザイナー像 Android向けの日本語IMEとして人気のSimejiがスライドUIを実装するなど、バージョン6.0では大幅なUI改良が行われた。そのSimejiのUIデザインを担当するのが、バイドゥでモバイルプロダクト事業部マネージャーの矢野りんさん。Webをはじめとした数々のデザインワークやデザイン関連書籍の執筆でも著名な矢野さんと月刊MdNなどの編集長を歴任した弊社山口がWebデザインについて語り合った。 取材・文：久保靖資 ／ 写真：佐藤弘樹 山口： 中国だけでなく、アメリカでも合理性重視という傾向はあると思います。国際的な環境で働く機会も増えていく現状で、Webデザイナーはマインドの切替が必要になるのかな？ 矢野： 少なくとも合理性は必要ですね。日本人同士なら阿吽の呼吸で進められたものが、
タイポグラフィ＆ロゴ特集 - MdN Design Interactive
ここで話を聞いていく川谷康久さんは、おもに少女マンガの装丁を手掛けるグラフィックデザイナー。さらに、「マーガレットコミックス」の現在のフォーマット、そして2013年6月に登場した「花とゆめコミックス」の自由度の高くなった新フォーマットなども川谷さんの手によるもの。川谷さんが手掛ける少女マンガのタイトルのタイポグラフィは驚くほど洗練されたものばかりだ。タイトルデザインについてじっくりと話を聞きつつ、これまでの足どりについてもうかがってみた。
第1回 仕事メールのやり取りを一覧で見たときに感じるデザイン - 秋葉秀樹の人に伝えるデザイン - MdN Design Interactive
第1回 仕事メールのやり取りを一覧で見たときに感じるデザイン 2013年8月21日 TEXT：秋葉秀樹 仕事メールのやり取りほど、急ぎで内容を追いたい時がある。これは、筆者とクライアントとの間でやりとりしたメールの履歴をたどっていったときに、ハッと気づいたことだ。日本人の慣習というべきだろうか、見てわかるとおり「○○様 いつもお世話になっております。○○です…」とつけてしまい、おもしろいほど同じような決まりのあいさつが一覧される（なお、メール画像についてはクライアントより掲載許可をいただいている）。 （クリックで拡大） ビジネスマナーとしては確かに必要と思われがちだが、最近こういったやり取りは不要だという意見もあり、肯定派と否定派にわかれる。 効率よく短時間で会話のコミュニケーションをとる必要があるため、すぐに重要な内容を切り出すというスタイルは「余計な思考の分断」になりにくい、という意味
ブラシの設定によって抑揚のある描線が描き出せる - MdN Design Interactive
線と塗り編1 ラフから線を整理する方法を知る ブラシの設定によって抑揚のある描線が描き出せる 講師： Okonikk url： www.bldg-jp.com/o/Okonikk/ 私の場合、主線の抽出は作業効率を考えていく中で、直接アプリケーション上で描き出すことが増えている。 特にラフの制作は、描く前のイメージによってIllustratorにするかPhotoshopにするか、その時々で違う。ラフをPhotoshopで制作する場合は、アイデアを練りながらつくっていくイメージ。消したり描いたり動かしたりと、調整や修正が細かく行えるので試行錯誤するにはちょうどよい。アナログで描いているような感覚で、大体の色設定も楽にできる点もメリットだ。反対にIllustratorでラフを制作する場合は、ほとんど頭の中に完成イメージができているので、そのイメージに近づけるように描く。私のイラストは、Illu
MdN Design｜総合情報サイト
伝えるデザインの実現――文字について考える 多くの場合、ユーザーはWebページに文字情報を求めて訪れる。読みやすさや心地よさを与えたうえで、的確に情報を伝えるための文字デザインを目指すことが大切だ。 ［INDEX］
第3話 好きなことをお金にするには - MdN Design Interactive
Webコンテンツの制作を主軸に、ワークショップなど教育事業にも力を入れている株式会社ロクナナ。フリーランス制作グループとしての出立から11年、Web黎明期から現在にかけて「目的なく舟を進めてきた」と代表取締役の上田キミヒロさんは言う。そのオモテとウラに迫るべく、同社役員でありFlashアニメーターとして名高いA.e.Suck（エイサク）さんにも参加いただき、制作会社探訪「ロクナナ」編をお送りしよう。 ──上田さん、自分のことを「究極の裏方」と呼んでいますね。 上田●基本、自分はクリエイターではないと思ってますから。ゼロからイチを作る人のほうが偉いんです。その力をまとめて、サンからヨンにするっていうのが好きで。自分はそこを担って、作る人たちには、作ることを満喫してもらおう……と。だって、好きなことをやってお金がもらえるの、一番ですよね？ A.e.Suck●そりゃあ、ねぇ（笑）。 上田●それが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
キャラに生命を吹き込むイラスト上達テクニック３ 妄想力アップ編 | デザイン関連の雑誌・書籍を出版するMdNのWebサイト - MdN Design Interactive -
いますぐ知っておきたいリッチメディア広告制作の最新事情 - MdN Design Interactive
