タグ

デザインに関するe-kanekoのブックマーク (39)

  • 商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」

    漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き

    商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」
  • ゆず屋: [フォント] 『進撃の巨人』のテロップがすごい!

    ■ 『進撃の巨人』のオープニング 今日は『進撃の巨人』の話です。 といっても、タイトルロゴではなくオープニングのテロップに関してです。 今のオープニングになってすぐに書こうと思ったのですが、いろいろあってこんな時期になってしまいました(笑) 上に挙げた画像の左下にもテロップが入っていますが、小さくて分かりにくいので拡大してみましょう。 こんな感じでゴシック体が使われているのですが、いろんなところの線が下にでろ~んと伸ばされています。 「の」の文字なんかも容赦なく伸ばされていて、かなり印象的です。 この部分だけではなく、オープニングのテロップの文字すべてがこんな感じです。 もちろんこんなフォントがあるわけではないので、既存のフォントを元に加工したのでしょう。 すごく手間がかかっていますよね。 さらに、普通の手トップのように単純に画面上に文字を置くだけではなく、写っている絵に文字が影を落とした

  • 電話のプッシュボタンの配列、逆三角形や十字等いろいろ案があったのです

    電話のプッシュボタンの配列、逆三角形や十字等いろいろ案があったのです2013.09.09 10:00 そうこ ボタンの配列、それは使い勝手。 1960年、電話はその姿を変え始めました。ダイヤルからプッシュボタンへ。プッシュブタンの電話は未来の象徴だったのです。そこで、エンジニアが直面した問題は、ボタンの配列をどうするか、ということでした。 今では当たり前のボタン配列、ここに行き着くまでにはたくさんの案があったようです。こうして見ると、多くのものはアイディアの闇にはまったとしか思えない迷走案ですが、この迷走を経て今の配列があるのですから。 現代のレイアウトに行き着いたのは、ベル研究所で才能あふれる精鋭達が腕をふるって考え抜いたから。何百というレイアウトを試して、そのスムーズさや早さをテストしていったからです。最も使いやすく、間違いが少ない並びは何なのか、とにかくテストしまくったのです。 その

    電話のプッシュボタンの配列、逆三角形や十字等いろいろ案があったのです
  • in the looop | Looops communications

    ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

  • 第1回 気持ち良さはどこからくるのか~身体に近づくUIへ | gihyo.jp

    UI/UXは進歩の激しい領域のために、時に前例なしの設計が求められることがあります。たとえば近年の例では、スマートフォンやタブレットが急速に普及し、まだノウハウのない中でこれらのデバイスに特化したUI/UXが求められました。これからも誰も触れたことないデバイスや状況でも、的確な設計を行うことが求められます。 そういった未踏の領域では、先端の研究領域に注意を向ける一方、UI/UXの原点を学ぶ必要があります。コラムではインタラクションの研究者という立場から、これまでのUI/UXにおいて何が質であるかを知るのと同時に、これから向かう未来を見据えながら、今何を学ぶべきかを分析、考察していきます。そしてUI/UXに携わる人に少しでもUI/UX設計の「なぜ」に答える材料になればと思います。 効率だけでは語れない道具の設計 スマートフォンやタブレットなど、高性能な端末を持ち歩く時代となりました。ネッ

    第1回 気持ち良さはどこからくるのか~身体に近づくUIへ | gihyo.jp
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • スマホUI考(番外編) 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict

    顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme

  • ここ最近読んで勉強になったWeb制作関連のスライド10選(2013年6月~7月)

    ハートに響くUIを生み出すためのデザインプロセス / 体験から発想する意思決定・行動デザイン(UXD)... / つくらない ものづくり ~明日からできるリーンス...他...全10件

    ここ最近読んで勉強になったWeb制作関連のスライド10選(2013年6月~7月)
  • 『デザイナーがデザインしたとおりになっているかは...』

    少し昔を思い出してました。当時いた会社の制作物のデザインは、一時期ほぼすべて巨匠とよばれるベテランデザイナーがやってたのですが、ぼくはPMの立場でわりとぞんざいに扱っていました。 入社した頃はデザインセクションとシステムセクションが半々だったのですが、受注額に年々差が付いて行きいつしか人数比でエンジニア9に対しデザイナー1くらいまで減っていました。 そして経験の浅いPMであるぼくは、デザインの適正価格があまりみつもれず500万のiPhoneアプリ開発だと50万円くらいとか、価格比もそんな割合にしていました。UIデザインを頑張ると開発工数も連動して、あるいは数倍に跳ね上がることを知ってたので、案件が炎上しないようデザインにこだわったアプリを受注することを嫌ったのです。 そして受注した後僕は巨匠にこう言います。 「この案件、予算少ないんで雑なデザインでいいですよ」 しかし、巨匠はきっちり仕事

    『デザイナーがデザインしたとおりになっているかは...』
  • 【厳選】日本の全iOSプログラマに捧ぐ!iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ

    iOSアプリ開発担当の菅原です。 iPhoneiPadのア[...]【厳選】日の全iOSプログラマに捧ぐ!iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開

  • http://handywebdesign.net/2012/07/12colors-give-you-the-impression/

    http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
  • 素晴らしいロゴをデザインするための45の法則 | CREAMU

    ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう

  • 流行るかどうかは別としてロングシャドウデザインを考察してみたら意外と深かった – オレインブログ

    フラットデザインが世間を賑わしてまだそれほど時は流れていませんが、海外ではフラットデザイン2.0という呼ばれ方もされることがあるようなロングシャドウデザインというものがどんなものなのか考察してみました。 そして、ロングシャドーデザインを作る方法を勝手ながら考えてみました。 ドロップシャドーデザインとは? ロングシャドウデザインとは、言葉で説明するとこんなかんじになるのでしょうか。photoshopvipさんの言葉を引用すると、 斜め45度に差し込む光が作る、その名の通り、シャドウ部分を強調した、冬の日によく見受けられる様な、長い影が印象的なデザイン とこのような感じになりますかね。的確な表現かと思います。 ざっくりとどんなものかを検証してみました ハイライトの角度、シャドウの角度、ともに45°できれいに作ってあります。そして、配色ですが分かりやすいようにHSB方式で表記してあります。 ハイ

    e-kaneko
    e-kaneko 2013/07/05
    フラット+シャドウ。2Dのようで3D。ちょうどそんなロゴつくってたろころ。
  • そんなロゴで大丈夫!?強い会社ロゴを作成するための5つのノウハウ | 名刺のネタ帳

    こちら、中央に、宇宙をイメージするモチーフが隠されていますね。 あなたは気付きましたか?(答えは→ JAXA ロゴ 意味) では、ここからが問題です。あなたは下記の二つのロゴに隠されているモチーフを見つけられるでしょうか? ●レベル1:ネット通販のAMAZON 人気バンドの「GReeeeN」。彼らの歴史がロゴに隠されています。 彼らの正体は実は・・・!?(ファンの方ならすぐに分かるのかもしれませんね。知らない方も、意味を知ると「なるほど!」と感じると思います) 皆さん、それぞれのロゴに隠されたモチーフが分かりましたか? 答えを知りたい方は、下記のワードで検索してくださいね。 Amazon ロゴ 意味 - Google検索 GReeeeN ロゴ 意味 - Google検索 名刺に載せる情報といえば、名前、会社名、役職、連絡先などがありますが、忘れてはいけないのが、上記でも取り上げた「会

    e-kaneko
    e-kaneko 2013/06/14
    色って大事だよね。
  • 味付けは包丁を握る前が命 [ロゴデザイン時の注意点] / Maka-Veli .com

    いつも楽しみ読まさせて頂いてるWP-Dさんから面白い記事が。 コンセプトが無いデザインは味の無い料理と一緒。という話。 / WP-D まったくの同意。もう既にタイトルで「同意!」と思ってしまいました。 ロゴも拝見 させていただき、きちんとつめ込まれたロゴで素敵だなーと思いました。 ちょうどその日、他にもロゴ系で面白い記事があって読んでいたのですが、 10 Tips to Design Memorable Logos | Smashing Hub http://smashinghub.com/10-tips-to-design-memorable-logos.htm ロゴは当に一球入魂と言いますか、 それ1つで全てを表現しなければならない、非常に大事なモノだと思います。 ロゴから受ける印象と、中身(企業やサービス)を知った時に受ける印象、 そしてそれが独り歩きしますから

    e-kaneko
    e-kaneko 2013/06/13
    内容はもちろん、タイトルもいい!
  • 九州大学 ユニバーシティ・アイデンティティ デザインマニュアル

    九州大学 ユニバーシティ・アイデンティティ デザインマニュアル このマニュアルは、 年度に整備された九州大学のビジュアル・アイデンティティ 部構成にしたがって、基的な 活用のためのガイドラインをまとめたものです。次の しくみ、運用の考え方やルールを解説しています。 基要素 基要素の展開 アプリケーション マニュアルは、今後、運用の過程で必要となった項目を順次補足していく予定です。 そこで、最新版を常に下記よりダウンロードできるようにします。 また、 についてのお問い合わせは、九州大学広報室まで。 基要素 シンボル 松を図案化した九州大学のシンボルの歴史は チの図案公募が行われ、 人の学生から 学科 年にさかのぼります。同年、 学生バッ 点の応募がありました。図案審査にあたっ 年 月 日から使用 ては、学校側、学生側同数の委員からなる審査会を開いて検討し、当時農学部農業

  • http://e0166nt.com/blog-entry-813.html

    http://e0166nt.com/blog-entry-813.html
  • -優れた欧文書体 21Fonts-Whisper | Diary

    フォントの魅力 世界で最も愛用されているとされるHelveticaフォントは誕生50周年。 「ヘルベチカ 〜世界を魅了する書体〜」として映画やDVDにもなり、 原宿のラフォーレにおいて企画展も催されました。 それに伴い特設サイト「Helvetica project」もあります。 フォントのドラマを考えると、フォント一つでも感慨深いものに感じてきます。 海外のプロデザイナーが多用する21種のフォント フォントの色や大きさでももちろんイメージが大きく変わりますが、 それ以前にセリフ体、サンセリフ体、スクリプト体などの書体、 更に分解すると、フォントそのものの質も問われるわけです。 国内で知名度の低いフォントもいくつかあるようですので、押さえておくと為になるかも。 海外で行われたアンケート実施からみえたWebデザイナーが最も多用する 21種のフォントを簡単な説明を交えて掲載してみます。(元記事)

  • デザイン作業のスピードアップ

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。

    デザイン作業のスピードアップ
    e-kaneko
    e-kaneko 2013/06/07
    記事内容は多分為になると思うんだけど、サイトデザインがすごくておちついて記事にはいりこめない…!
  • YouTube人気急上昇

    【ゆっくり解説】ガチ日経済復活‼島根・山口県沖合の石油とは別次元⁉日が保有している北海油田で超巨大油ガス田を掘り当てました‼【海外の反応】

    YouTube人気急上昇
    e-kaneko
    e-kaneko 2013/06/06
    便利なようなきがします。管理、呼び出しが楽になる。