作成：2013/10/28 更新：2014/10/24 Webデザイン > 先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フォントに関する知識 １．字間 ２．行間 ３．字詰め ４．文字組 ５．ジャンプ率 ６．余白／図版率 ７．メリハリをつける ８．書体 ９．読みやすいフォントサイズ １０．見やすい文章 １１．Webフォント スライド １２．フォントに関するスライド フォントに関する知識 １．字間 字間とは文字と文字の間に生まれる空間。文章の行間・送り、漢字とひらがなの字間など文章レイアウト

「もっと早くやっておけばよかった…と思うことは何？」人生を変えるかもしれない経験談いろいろ 「何かを始めるのに遅すぎるということはない」という言い回しがありますが、もっと早くやっておいたらよかったと実感することだってあります。 「もっと前からこれをしておけばよかった、と思うことは何ですか？」と海外掲示板に質問投稿があり、多くの経験談が寄せられていました。 ●意識的に不満を減らす・やめる努力をすること。気力を消耗させ、機嫌を台無しにすることに気付いた。 今でもたびたび不平は出るが、自分なりに状況を良くする努力をしている。不平を言うことは慢性的に「わぁーーーー」と落ちる、すべりやすい坂のようなものだから。 ●自分がどんな風に見えるかを意識して服を着ること。自信の後押しは、見知らぬ人が自分をどんな風に扱うかを変えてくれる。 ●運転のためにメガネをかけたこと。全てが高画質になった。 ●全ての優先を

iOS 7 colorsはiOS7風の色合いのカラーコードをコピペ出来るようにまとめたWebサイトです。マウスを乗せるとカラーコードが表示されます。グラデーションの場合はそのグラデ用のカラーコードが表示されます。インスピレーション向上に良さそうですね。 iOS 7 colors

近年、多くのアニメの聖地が集中する地域になった埼玉県。そんな埼玉県を日本一のアニメの聖地にしようと目論むイベント「アニメ・マンガまつりin埼玉（アニ玉祭）」が10月19日、20日の2日間にわたって大宮ソニックシティで開催された。 このイベントは地域のイベントらしく多くの部分が入場無料（主催の埼玉県、太っ腹！）、トークありアニメ上映あり、物販ありのイベントである。うち、19日には「アニメ・マンガの聖地サミット in 埼玉」というタイトルで、埼玉の地域巡礼に関わる講演・トークセッションが開催されると聞き、さっそく現地に駆けつけた。 このサミットの中で、特に注目したのは、聖地巡礼の研究で知られる北海道大学教授の山村高淑氏と、埼玉県観光課時代に聖地巡礼のアピールで知られた島田邦弘氏（現・神川町副町長）のトークセッションだ。このトークは、山村氏がお題を提出しながら島田氏が自己の経験を語っていく形式で

今回のシュピールでは、日本からの出展に大きな注目が寄せられていた。カナイセイジ氏の『ラブレター』、林尚志氏の『トレインズ』のドイツ語版が発売されたことで大きく取り上げられ、「日本人の作るボードゲームは面白い」という認識が急速に広まったためである。もちろん、日本発のボードゲームを世界に発信するプロジェクト「ヤポンブランド」の地道な活動が背景にある。シュピールに毎年欠かさず出展しているだけでなく、前もってサンプルを海外の有名なレビュアーに送ることで、事前情報をうまく広めている。800タイトル以上も発表される新作の中、面白いだけでは注目されにくい。 今回、日本から出展しているのはヤポンブランド、冒険企画局、タコアシゲームズ、ヒキダシトリック、ねこまど（将棋）、フォース・オブ・ウィル（TCG）の6ブース。各ブースを訪れて出展した方々からお話を伺った。はじめはヤポンブランドから。 今回、『ラブレター

それなりの分析屋であれば誰もが経験があることでしょう。データを扱えない人から、データを扱える人と思われるために、分析の依頼をされることが。それも軽い気持ちから始まるタダ（無償、無料）の場合が。 そう呼ばれたくない実務者が多いのに、それを叫ぶ組織が多いという不思議な昨今のデータサイエンティストの流行はそろそろ終わってほしいのですが、データの分析という行為自体はいつの時代も不滅です。 私も企業や大学、知人や家族などからデータの分析を頼まれることがよくあります。もうしょっちゅうです。もちろんネットや金融やらのビッグデータに限ることではありません。だいたい相手は私が本業でやっているニッチな統計処理なんて理解していません。ただ、なんとなく、あいつに聞けばいいみたいな風に思っているだけでしょう。それはEXCELの使い方から、簡単な統計処理の説明といった参考書でも読めば即解決なことや、クローリングや統計

最近、何となく考えさせられるような事が同時多発的に起こったので、適当にまとめて書いてみる。 つい先日、「Google+のハングアウト機能で、今年亡くなった実父のアカウントに話しかけたら、もしかしたら父が生き返るんじゃないか、って気がする」という誰かの話題を聞いて、ひとつ思い出したことがあった。 今からちょうど８年前、本誌の前進「ユーゲー」の前編集長で闘病治療中だったＥさんが亡くなって間もない頃のある日、社内でメッセンジャーソフトを立ち上げていたら、なんとＥさんのアカウントが突然サインインしてきて、とても驚いた。 恐る恐る、思わず「Ｅさん、生き返ったの？」とメッセを投げてみたら、「Ｋです。あいつのＰＣの中身を整理しようとしたら、メッセも立ち上がっちゃった」と返ってきた。どうやら編集部で元「ユーゲー」編集長・Ｋさんが、Ｅさんのデスクの遺品整理でＥさんのＰＣを起動したら、メッセも起動してしまった

gooランキングの情報をお届けします。 プッシュ通知を受け取りたい方は「プッシュ通知を受け取る」を押して頂き、 さらに後から表示されるポップアップの「許可」を押してください。

電動アシストモーターやバッテリーなど、電動アシスト自転車に必要なコンポーネントをホイール部分に集中させたガジェット「FlyKly Smart Wheel」が資金募集サイト「Kickstarter」に登場しました。普通の自転車の後輪をFlyKly Smart Wheelに取り替えるだけで、アナタの自転車が電動仕様に早変わり！　これはいいですね！！ ホイールの中心部に装置を集中させ、カバーで覆ったシンプルなデザイン いろんな自転車に装着可能！ チェーンをホイールのギアに接続するだけの簡単取り付け アメリカのFlyKlyというチームが開発しているもので、生産体制を整えるために資金を募集している最中なのですが、すでに目標の10万ドルを軽く突破しています。 重さは4キロで、2～3時間の充電により50キロ程度の距離をアシストします。また、単に電動仕様になるだけでなく、スマートフォンと連携したスマートな

「デジタルコンテンツEXPO 2013」で富士フイルムが展示していた“巻き取り型スピーカー”。振動して音を出す部分がフィルム状になっていて、ポスターのように巻き取って持ち運びできるという、革新的なスピーカーになっています。 この女の子の写真が貼られたフィルム全体から、音が流れる！ 実際に音を出しているのは、富士フイルムが開発した電気音響変換フィルム「BEAT」。圧電セラミックをポリマーに練りこんでフィルム状にしたもので、電気信号を受けるとフィルム自体が振動して音を出します。全面が振動するため折ったり曲げたりしても大丈夫。200ミクロンという薄さと柔軟な材質を活かせば、折り鶴の形に折ったスピーカーなんかも作れるようです。 BEATを板に貼り付けて薄型スピーカーにしたもの。音が消えるかと指で触ってみたら、その1点以外の面は振動し続けたので音楽は鳴り止まなかった スクリーンを貼り付けて、スピーカ

とあるWebサイトを見ていて、ものすごく読みづらいメインビジュアルのキャッチコピー(すなわち最も伝えたいであろうというコピー)を見つけたのですが、もしかするとその辺りをチェックすると制作会社のよしあしを見極められるかもしれないと思ったのでまとめてみました。 コントラスト比は1.34:1でした テキストの読みやすさの感じ方には個人差があるので、今回はJIS規格(JIS X8341-3:2010)でも採用されているコントラスト比を基準にして話を進めます。コントラスト比のことがわからない方はいったん下記の富士通のページをご覧ください。 http://jp.fujitsu.com/about/design/ud/jis-sc/sc7143.html 簡単に言うと、背景が白で文字が黒という最も色の差が大きい組み合わせだと21:1に、背景と文字が同じ色で、まったく見えないという場合には1:1という数値

こんにちは、デザイナーのタカハマです。「キーカラーは決まったけど、色数を増やすと変になる…」「いつも色選びがワンパターン」「色相環ってどうやって使うの？」そんな色選びのお悩みをズバっと解決するかもしれない、配色のコツをご紹介します。また、キーカラー選びの段階から悩んでいる方は、前回の記事（色の基礎知識と色彩心理）が役に立つかもしれませんので、あわせてご覧ください。 「ジャッドの色彩調和論」と配色のための3Step ひとくちに配色理論と言っても、ニュートンやゲーテに始まり多くの学者や画家がそれぞれの持論を展開してきており、これが正しいというものはありません。今回は、その中でも20世紀半ばまでの先人たちの色彩調和論を”4つの原理”にまとめた「ジャッドの色彩調和論」に焦点をあて、配色のための3Stepをご紹介します。 （本記事の内容に明らかな間違いがあれば、ご一報いただければ幸いです。） Ste

参考リンク：消える書店:ネットに負け相次ぎ閉店　地域中核店も− 毎日ｊｐ(毎日新聞) この記事を読んで、ずっと考えていたんですよね、「リアル書店は、どうすれば生き残れるんだろうか？」って。 なんのかんの言っても、僕は「本屋さん」が大好きなので。 でも、「値段も同じで、配達してくれて、品揃えもよければ、Amazonで買うよね」と言われると「まあそうですよね」としか言いようがないのも事実ではあります。 都会には巨大な新刊書店がたくさんあるけれど、人口数万人レベルの地方都市では、TSUTAYAが最大の新刊書店、なんていうことも少なくありません。 リアル書店も時代とともに変遷しつづけているのです。 村上春樹の『ノルウェイの森』は1970年くらいの話なのですが、その時代、僕が生まれたくらいの時点で、すでに「商店街の小規模家族経営書店」の経営が厳しくなっていることが描かれています（ミドリの実家のこと）

『鉄腕アトム』『トーマの心臓』『11人いる!』『借りぐらしのアリエッティ』…。まんがやアニメ、映画の名作たちの物語の中には、なぜか必ず共通する要素が発見できる。それら"物語の命題"と言うべき存在を解き明かし、まったく新しい作品としてリメイクしていくワークショップ集。 「BOOKデータベース」より [目次] 序 「テーマから物語をつくる」という普通の方法 第1章 人造人間に生まれて-「アトムの命題」 第2章 ギムナジウムの転校生-「エーリクの命題」 第3章 水蛭子の語られなかった運命-「百鬼丸の命題」 第4章 私は急いで大人になる-「ジェニーの命題」 第5章 君のためなら「女の子」になってもいいよ-「フロルの命題」 第6章 いつかトトロにさよならを-「アリエッティの命題」 「BOOKデータベース」より 批評から、物語の「命題（テーマ、プレミス）」を抜き出して、それをワークショップ（練習問題）

▲イベント会場は、出演ゲストもお客さんも飲食物を随時注文できる飲み屋スタイル。乾杯の音頭の後、トークライブがスタートした。ちなみにこの日の模様は、急遽決定したニコ生にてネット配信された。 本イベントは、言うなれば東京ゲームショウ2013の一般公開日（９月21～22日）に行われたイベント“インディーズゲームフェス2013”内の１コーナー“開発者トーク”の仕切り直し版である。 新作アクションゲーム『Mighty No.9』の開発資金調達を“Kickstarter”で行い大成功を収めたcomceptの稲船敬二氏、スマートフォン用ゲームアプリ開発会社の大手・コロプラの創業者、馬場功淳氏といった、いまをときめくビッグネームを交えて行われた“開発者トーク”だが、40分という制限時間内では収まりきらず、最終的にはホール内に響き渡る“蛍の光”に音声をかき消されながらの進行となった。 “インディーズゲームフ

ワンコインのゲームがこんなにすごい！ 「500円ゲームズ」から見えてくる，アナログゲーム界におけるスモールパブリッシャの可能性 ライター：朱鷺田祐介 小規模にボードゲームやカードゲームを制作し，販売流通する個人やグループ，いわゆる“スモールパブリッシャ”が増えている。4Gamerでも何度かレポートを掲載しているアナログゲーム即売会「ゲームマーケット」がその活動の中心だ。 ここに出展する小規模団体の多くはボードゲームファンの集まりに過ぎず，制作物はいわゆる同人ゲームと呼ばれるものだが，なかにはボードゲーム流通を助ける企業と組んで専門店へ卸したり，通販などによって広く認知されるものもあり，クオリティや活動規模・注目度といった部分で，アナログゲームの世界でも，もはや無視できない存在となっている。 今回の記事では，2013年11月に開催される「ゲームマーケット2013秋」の予習も兼ね，2013年4

沼田やすひろ @numatayasuhiro Youtubeにストーリー創作講座をアップしました、全10回（12本）で全部で３時間ぐらいになります。映像制作、文章制作、漫画制作、ゲーム制作…など、ストーリー創作に興味のある方は、ぜひご覧になって研究してください。 2012-08-14 21:04:22