News Up 話題の万博ロゴマーク～作者が語る“進化の過程” | NHKニュース8月下旬に決定した「大阪・関西万博」（2025年開催）の公式ロゴマーク。奇抜なデザインが印象に残ったという人も多いのではないでしょうか。ネットなどで賛否両論、大きな話題となりましたが、このデザインはどのようにして生まれたのか、作者本人に尋ねてみると、そこにはパンチある作品を目指した“進化の過程”がありました。 （大阪放送局記者 甲木智和）
レスポンシブ ロゴ（responsive logo） / Maka-Veli .com
最近よく聞くようになりましたね。 レスポンシブデザイン同様、サイズに合わせて変わりますが、ロゴは視認性の問題から、その体形を変えていきます。 シンプルになる、というのが一番わかり易いと思います。 VIなどの過程でロゴのパターンを用意している事も多いと思いますが、その場合は規定に沿って変形させるべきでしょう。 大体は大きな順から フルサイズ用に細かい部分まで作られたロゴデザイン ↓ 一部の要素を簡素化、あるいはサイズダウンやタイポグラフィの省略 ↓ モチーフとタイポグラフィを横並びに ↓ モチーフ部分のみになり更に簡素化 といったパターンが多いと思います。 無い場合は、このサイトではレスポンシブロゴのサンプルを見る事が出来るので参考にしてみてはいかがでしょうか ブラウザ幅を変えて確認してみてください。 responsivelogos.co.uk http://
適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』
適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』 『Logoshi』はユーザーが手書きで描いたスケッチから均整の取れた綺麗なロゴマークを自動製作してくれるサービス。 ユーザーが考えている抽象的なイメージを具象化して本格的なロゴを作成／提案してくれるというものです。 まずはカラーパレットから色を選んで適当にスケッチしていきましょう。 あくまでイメージを書き出すというだけの作業であって、うまく書く必要はあまりありません。 また、ロゴに組み合わせる社名やサービス名などの名称も指定しておきます。 [Build Logos]をクリックしてしばらくするといくつかのロゴとフォントフェイスが作成されていきます。 気に入ったものをチョイスすると実際にどのような見た目になるのか、選んだロゴとフォントを使って合成写真を作成してくれます。 [Download low resolutio
最近話題になったイケてるWebサービス・アプリ12選（2014年1月編）
1月が終わり2月も始まったということで、1月中に話題になったWebサービスやアプリを12個ほどご紹介します。 Squarespace Logo Squarespace Logoは、デザインの経験がなくても、簡単にオシャレなオリジナルのロゴを制作できるWebサービスです。 名前を入力し、ロゴのマークやタイプを選択すれば完成です。（すごい簡単…）普通の解像度のロゴをダウンロードするのは無料で、高解像度のロゴがほしい場合10ドル支払うというモデルです。 see your folks（シーユアフォークス） see your folksは、生きている間に両親に「あと何回会える」のかを教えてくれるサービスです。 実際に試してみると意外と少なくて驚きました。しばらく実家に帰っていない方は1度試してみてはいかがでしょうか。 Hichee（ハイチー） Hicheeは、シャッターを切る前の「3秒間」を含めたム
Restart CSS Animation | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. With CSS animations (ala @keyframes) it’s not as easy as you might think to “restart” it. Let’s say you set it to run once: .run-animation { animation: my-fancy-animation 5s 1; } You have that run on, say, your logo: <h1 id="logo" class="run-animation"> Fancy Logo </h1> Then
» 佐藤可士和氏のGU新ロゴ Toshi Omagari
思いっきり仕事中ですが腹が立って仕方がなかったのでブログ更新します（どういう動機だ！） 佐藤可士和氏がGUというファッションブランドのロゴをリデザインしたそうです。まぁ言ってしまえば元のロゴも大して良くはないのですが、その新ロゴというのが笑止千万な出来なので徹底的に図解して非難したいと思います。 まずはその新ロゴ。和文の方もグリッド多用しまくりで個人的には酷いと思うのですが、まぁ欧文書体デザイナーの自分としての本題はGUなので和文はさておきます。またネットでは色がIKEAだとかTSUTAYAだとかEUだとかブックオフだとか色に関してのツッコミが多いようですが、やはり自分としては文字の形そのものに注目したいと思います。あ、あとGUの配置も右寄りすぎますが文字の形そのものに以下同文です。なにせブログをなかなか継続して書けないこの自分を書かせる気にさせるほど酷いんですから。 ソースの画像は低解像
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax
Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方 「Demo 3」を例に、実装方法を簡単に紹介します。 外部ファイル 「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jarallax-0.2.3b.js"></script> HTML HTML自体は通常通りに実装し、アニメーションのエフェクトを適用するエレメントには参照できるようid, classなどを付けます。 <h1 class="logo">Jarallax</h1> <div class="container" id="slide1"> <h2>見出し：slide
Basic Logo Design Process
2013年3月25日 Webデザイン 企業のイメージを明確にすることを「ブランディング」と呼びます。企業ロゴはそのブランディングが色濃く反映され、企業のイメージを左右する重要な部分です。今回は「ロゴとはなんぞや？」というところから、私のロゴを実例に、ロゴの制作手順を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ 先日「ロゴデザインする時の参考に！ロゴデザインギャラリーのオンパレードと注目記事色々！」という記事内で、なるほどな、と頷ける文章に出会いました。 WEBサイトは、エンドユーザーに伝わらないデザインだとわかればリニューアルするけど、ロゴデザインはエンドユーザーに伝わらないからと言って作り変えることは殆ど無い。それはつまり、ロゴはお客様の為に作るんじゃないと、ロゴは自分たちの意思や考えの象徴でもあるからそんなに簡単に変えるわけにはいかない、自分たち（ロゴに込められた物
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
移動しました - SmartHR Tech Blog
デザイナーがロゴマークを作る時・使う時に知っておくべき「ロゴマニュアル」 | Swings
2013年のロゴデザインのトレンド -2013 Logo Trend Report
2012年のロゴデザインのトレンド -2012 Logo Trend Report