娯楽を超えたデザイン （UI Crunch #13 娯楽のUI イベントレポート）｜のっち Ryosuke Inoue
「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう
オンライン寄せ書きヨセッティ公式ブログ
お話を伺ったのは、スマートフォン向けのライブ配信アプリ「IRIAM」を提供する株式会社IRIAM様。ヨセッティを定期的に活用し、ライバーさん達のコミュニティを盛り上げられています。熱量の高いコミュニティ運営のためにどのような工夫をされているのでしょうか？ご担当者様にお話を伺ってきました。
デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly | コリス
デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと楽になるオンラインサービスを紹介します。 サンプルを元にカスタマイズしてもよし、ヘッダやコンテンツなど100種類以上のコンポーネントからクリック一つでぽんぽんページのレイアウトが完成してしまいます。 Assembly Assemblyは無料で利用でき、一部のコンポーネントとHTML化が有料（$17）です。 $17は2016年2月現在、1,900円なので、フル機能でこの値段は有りですね。 まずは、Assemblyでどんなページができるか見てみましょう。 縦長スクロールのページで、ヘッダは大きい写真画像、コンテンツが数パターンあり、フッタがデザインされています。コマ数を落として
ウェブ配色ツールの決定版「UIPalette」もう色選びに迷わない！ - 宇宙新聞社
2015-11-28 ウェブ配色ツールの決定版「UIPalette」もう色選びに迷わない！ http://www.uipalette.net/ ブログをカスタマイズするとき色選びに苦労していませんか？ 今回は人気の配色ツールをまとめたUIPaletteを使ってみたのでご紹介します。色選びはUIPaletteを使って作業時間をぐんと削減しましょう！ UIPalette UIPaletteは左のメニューに用意された11個の配色ツールを自由に選んで利用できます。 BrandColors BrandColorsは海外企業のイメージカラーがまとめられた配色ツール。 ベースカラーを決定しないことには始まらないので、まずはここを参考にしてみましょう。配色パターンを丸ごと使うと企業イメージと被るので注意が必要です。 Paletton Palettonはベースカラーに合わせた配色パターンを表示してくれます。
ショートカットキーはマウスより遅い - WirelessWire News
CTRL+Xでカット、CTRL+Vでペースト。 ショートカットキーの使い方を覚えると、パソコンの達人になったような気分になりますよね。 しかし、実際にはショートカットキーを使用すると、マウスでメニューから「編集」「ペースト」を選ぶよりも平均2秒も遅いのです。 「そんなバカな」 と思いますよね。 しかし、これはTogことブルース・トグナッツィーニがAppleでMacintoshの開発を担当した際に行った膨大な実験の結果、解ったことなのだそうです。 これはTogのWebページでも詳しく紹介されています。 しかし2秒とはとても信じられません。 むしろ逆のようにさえ感じます。 しかしTogの主張によれば、我々ユーザはショートカットキーを選ぶのに2秒かかっているものの、ショートカットにたどり着くまでの時間を喪失している、つまりプチ記憶喪失状態になっているというのです。 こんな不思議な話が、慶應
更に大体いい感じになるkeynoteテンプレート「Azusa Colors」作った - MEMOGRAPHIX
いい感じのスライド、作るのむずいので、「Azusa Colors」っていうKeynoteテンプレートを作った。下記のサイトからダウンロードできる。 Azusa Colors - 大体いい感じになるKeynoteテンプレート解説 デモも兼ねた解説スライドを作った。 Introducing Azusa Colors Keynote Template // Speaker DeckAzusa ColorsとはAzusa Colorsとは、大体いい感じになるKeynoteテンプレート「Azusa」に、新しいカラーバリエーションを加えたもの。 Azusaとは僕が1年前に作ったKeynoteテンプレートで、「SpeakerDeckにある “なんとなくいい感じのスライド” は大体1ページあたり3色以内で構成されている」という法則にもとづき作成した。 使われている様子を観察すると、主にエンジニアの勉強会や
デザインワークをGitに含めるべき? 含めないべき? - Qiita
「プログラマ業界」であればコンパイラの多くがオープンソース化されていますが、デザインツールはAdobeを筆頭に今もほとんどがプロプライエタリなツールです。そのことが、原理原則に沿うのを難しくしています。 複製不可能な部分に価値を置くという文化的な面 ツール開発にコストがかかるという金銭的な面 もあって、ツールがオープンに向かうことは当面なさそうです。Blenderという例外はありますが、GimpやInkscapeは実質プログラマだけのためのツールになっています。そういえば、Fireworksのオープンソース化嘆願はどうなったんだろう...? ツールが有料 デザインツールはときに高額です。また、セットアップに割く時間も「見えない」コストです。残念なことにインストールも自動化されていません。caskも使えません。$ npm installでは片付かないのです。また、アップグレードの問題もありま
2015年用、日本語のフリーフォント163種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形
日本語フリーフォントまとめ最新版FreeFont一覧〜無料ダウンロード
自分用に日本語フリーフォントをまとめ〜個人や商用などで無料ダウンロードできる日本語のフリーフォントを紹介〜年賀状にぴったりなフォント、手書きフォント、スタンダードなゴシック・明朝体などの漢字が使えるフリーフォントが揃ってます（一部を除く）フォントを利用の際には必ず同梱もしくはウェブサイトのライセンスをご確認ください。また規約・ダウンロード形態が変更になる場合があるのでご了承下さい。 フロップデザインフォント うつくし明朝体 フロップデザインのフリーフォント一覧ページ 自由の翼フォント [browser-shot width=”600″ url=”http://tanukifont.sblo.jp/article/74591320.html”] アニメ『進撃の巨人』のOP2をイメージ 2/3角フォント [browser-shot width=”600″ url=”http://opentyp
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
フロップデザインフォント
フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット（英語）、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし
デザイナーがいいロゴを作るための7つの最低条件
デザイナーのみなさん、ロゴ好きですか？ 私は三度の飯よりロゴが好きです。 その始まりは4〜5歳の頃。 地元熊本にサンリブとマルショクって同じ系列のスーパーがありまして、 このロゴが形は同じなんだけど一部がベタ塗りか斜線かって違いがあって、 それだけで印象がまるで違うんですね。 「サンリブ垢抜けてんなー」 「マルショク田舎くせーなー」 って子供心に感じてたんです。 それから色んなロゴが気になりだして 今では自分で作っちゃってるので天職ですね。 今までにご提案したデザインの数だけでいうと1,000点以上制作しています。 バランスの取れた一般的なデザイナーさんはそこまで作る機会ないのではないでしょうか？ 他のデザインに比べたら特殊な技術が必要なので、慣れるまでは数をこなさなきゃいけない。 でもそこまで頻繁に依頼がくるわけではないのでイマイチいつもピンとこない。。 そんな方多くないですか？ そこで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一時期プログラミングのデザインパターンというものが大流行しましたが、現在ではどのように評価されているのでしょうか？
Material Design
Icons | Font Awesome
新着記事
Material Palette - Material Design Color Palette Generator
伝えるために『フォント』を選ぶ : クリオンデザイン室
チームで作る!イケてるデザイン
漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版