[こかげ] フォント : Nu みちしるべ
概要 「Nu みちしるべ」は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。 標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。 ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。「直接編集」や「自動着色」を切り替えてみると表示が改善する場合があるようです。（なお「直接編集」を無効にした場合、文字列の書き替えは左上の
小規模（5〜20人）オフィスのネットワーク構築例
背景 株式会社マインディアCTOの@matsubokkuriです。 事業規模の拡大に伴いオフィスの移転がありました。それに伴い社内ネットワークインフラの構築しました。オンサイトで働く人は約10名。エンジニアは私1名なのでインフラ整備を自分でやるか外注するかという選択でしたが、外注するためにはRFP作るのが面倒だし費用がかかるのでDIYしました。 中小企業のネットワーク構築の記事は5年前の@wadapさんの記事が詳しいです。その記事以降、まとまった社内LAN構築の良い感じのノウハウ記事を見つけられませんでした。その5年の差分を埋めるためにも記録を書いておきます。 要求定義 ゲスト用ネットワークの分離（インターネット回線、LAN回線） 将来のシステム監査で指摘されるであろうことなので。 トラフィックのQoS制御のため。 インターネット上のホストにおいてグローバルIPアドレスによるアクセス制限が
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ～業務システムとSaaSのUIを考える
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
【Unity】3Dモデルの魅力を引き出す配色とデザイン | STYLY
本記事では「目的に応じたUnityシーン内での配色デザインを学ぶ」を目標にしています。 具体的には、使用する3Dモデルの魅力を最大限に活かす為の配色やデザインの考え方を、実際にシーンを作りながら学びます。 サンプル STYLY GALLERYからサンプル空間を体験できます。 https://gallery.styly.cc/Machio_Kinniku/66e773f5-8ec2-11e9-b34d-4783bb2170d0 全体の流れ 使用する3Dモデルを用意し効果的な配色とデザインを学びつつ、目的に応じたシーンを作成します。 簡単なデザインの知識を学んだ後に3Dモデルを配置し、Lightなどの要素を追加後にPostProcessingStackを導入します。 事前準備 ・Unity 2019.3.x ・Allsky(Unityの有料Asset。未購入の方向けに補足あり) ・3Dモデル(
独学でUIデザインを勉強する方法を自分の経験をもとに考えてみた｜Aoi Sano | デザイナー
こんにちは。 今回はProjectStepUPでUIデザインをやってきた自分が、独学で勉強する方法を考えてみました。これをやりきれば、『自力で綺麗なUIが作れる状態』にはなるはず。 内容は初心者にわかりやすいというのを大事に、かなり簡素化して書いております。とりあえず4STEPにわけてみました。そういや高校時代に4STEPとかいう数学問題集あったなあ... STEP1：UIデザインに関係する一般知識を得る ◎目的 このステップはUIデザインに関する前提を知るためにあります。STEP2以降と平行してやってOKです。というよりちゃんと学ぼうと思ったら無限に続きそう。 主なトピックとしては、UIUXとはなにか・人間中心設計・デザインの4原則・デザインガイドラインの4つでしょうか。 ・UIUXとはなにか UIデザインはUX（顧客体験）大きな流れの一部なので、そこを理解しているかどうかは本質的なUI
『FFXIV』麻雀実装で新規・復帰が急増。プロ雀士も参戦し、24時間数秒でマッチングする初のコンテンツへ…実は“住めるゲーム”を目指す新たな挑戦の第一歩だった
2019年1月8日、どういうわけかMMORPGである『ファイナルファンタジーXIV』（以下、『FFXIV』）に、「ドマ式麻雀」というゲーム内ゲーム──それもかなり本格的な麻雀が公開された。 ドマ式麻雀 その反響は凄まじく、ゲーム内の麻雀卓が設置されているエリアはプレイヤーに埋め尽くされ、だいたいどの時間帯でも数秒から数分でマッチングするほどの盛況ぶりを見せている。 じつはWindows/Mac/PS4のマルチプラットフォームでクロスプレイできるオンライン麻雀は、『FFXIV』が初めてとのこと。しかも本作には、レベル35までは無料でプレイできるフリートライアルという制度があり、「ドマ式麻雀」はレベル15からプレイできるため、実質基本無料の麻雀ゲームとなっているのだ。 このことが大きな話題となり、「日本麻雀最強戦」の優勝者である近藤千雄氏を始めとするプロたちも参戦。プロ雀士が自身のツイッターで
“表紙あるある”の知恵がこのタグに集結！ #それっぽくなる表紙 - Togetter
🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH
群衆の英知もしくは狂気
アイザック・ニュートン卿は、自分が賢い 人間だと信じていた。微分積分学や重力理論 を発明(inventing)したのだから、金融投資(investing) ができるくらい賢いはずだよね？まぁとにかく、短く まとめると、1720年 に起こった南海泡沫事件という全世界 的な投機ブームで、彼は(現在の価値で)$4,600,000を失ったんだ。 後にニュートンはこう言った。 “私は天体の動きを計算することはできるが、 人々の狂気については計算できない” 彼のために勉強しよう これまで市場、制度、民主制全体は 何度もおかしくなってきた。— 群衆の狂気だ でも君が人間に失望していたときですら、 ハリケーンが起きれば、みんなで協力してきたし、 コミュニティは問題を解決してきた。人々はよりよい 世界のために戦ってきた。— 群衆の英知だ！ しかしなぜ 群衆は狂気に向かったり 賢くなったり するのだろうか。
ウェブデザインの本質に主眼を置いたデザインガイドライン「ブルータリスト・ウェブ・デザイン」
by Igor Miske 建築形式のひとつである「ブルータリズム」を基に、ウェブサイト本来のあるべき姿に焦点を当てて作られたデザイン手法が「Brutalist Web Design(ブルータリスト・ウェブ・デザイン)」です。「雑誌ではないが雑誌のような記事が載っている」「アプリケーションではないが商品の購入やユーザーとのやり取りに使える」「データベースではないが、データベースによって動く」といった複数の側面を持っているのがウェブサイトであり、サイト訪問者に対してコンテンツを純粋に楽しむための方法として提供されるものであるとして、ブルータリスト・ウェブ・デザインは構築されたとのこと。そんなブルータリスト・ウェブ・デザインのガイドラインを、エンジニアのデイビッド・コープランドさんが記しています。 Brutalist Web Design https://brutalist-web.desig
ユーザーが許可したくなるPush通知を考える｜sadakoa｜note
初めましての方もこんにちは、さだこえ (@sadako_a_ ) と申します。 DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しながら、スタートアップのデザイン支援を副業で行っています。 今記事では、主にアプリの機能として欠かせないPush通知に焦点を当て、記事を執筆します。 Push通知とはご存知の通りPush通知とは、アプリやwebサービスで何か変更や更新があった場合にお知らせをする機能です。一般的にこの業界で言われるPush通知は、Apple Push Notificationを指していることが多いと思われます。 その理由の1つとして、AndroidはPush通知に関してユーザーの許可を取る必要が無いからです。（ダウンロードする際にオプトインされるため、許可率は100%になる。） iOSやWeb Browser
人はなぜ「分かりやすいデザイン」でも失敗するのか｜Tsutomu Sogitani
これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあるオフィスフロアに入ります。そのオフィスロビーとオフィスフロアを行き来するためのエレベーターのボタンがこれです。 ボタンが23Fから30Fまでしかなくて、下に大きく7Fのボタンがあるのは、そういったビルの構造からです。 私と同行したディレクター（26歳）は、打ち合わせが終わってオフィスフロアからオフィスロビーに帰る際に、操作ミスをしました。それも1度だけでありません。次の打ち合わせの帰りにもまったく同
Material Designを最速で使いこなす｜池内健一
Material Designを使いこなすための最速の手順を紹介します。最近UIデザインを始めた方、iOSアプリのデザインはしていたけどAndroidのデザインも行う必要になった方、WebサービスでMaterial Designを使ってみたい方、Androidエンジニアでデザイン方面ももっと知りたい方などは参考にしてみてください。 Material DesignとはMaterial DesignとはGoogleが構築したUIデザインフレームワークです。Androidだけでなく、WebやiOSのデザインにも活用できます。 ざっくりとした内容は「Material Designとは」でググってみてください。基本理念をわかりやすく解説している記事が並んでいます。この段階ではなんとなくMaterial Designってこんなんだなって理解したら十分です。 それではガイドラインを読み込む前に、まずは準
ゲームを語りたい、面白さを研究したい人にとっておきの一冊がある。｜ウィキダ
ウィキダです。ゲームの記事や情報、というと企業やニュースサイトの紹介やプレイした感想が多いだろう。それとは別にゲームの面白さについて考える記事もある。インディーズゲームの開発者がどんなゲームに影響を受けてコンセプトに反映したかを受け答えたり、esportsのプロゲーマーがいかに観客を楽しませるか、ゲームの駆け引きは何かを語ったり、またGame Developers Conference で開発の過程を公開することで開発者間以外にユーザーにとって興味深い話を聞くことも出来る。 しかしそれでは飽き足らず、より深くたくさんのゲームについて語りたい、面白さについて知りたいという人もいるだろう。そんな方にはこれがオススメだ。 ◯ゲームデザイナーのための空間設計 歴史的建造物から学ぶレベルデザイン レベルデザインとは難易度の設計…ではなくマップやステージ、背景などをゲームコンセプトやメカニクスにどう結
フロントエンド全然わからないマンが、ちょっとでも見た目のいいWebサービスを作ろうとしてやったこと - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに サーバーサイドプログラミングを勉強していると、自分でWebサービスを作りたいという気持ちがわいてくるものです（私はそうでした）。しかし、ここで大きな問題が立ちはだかります。どんなにすごい機能をつけても、いい感じのデザインのWebサービスでないとそもそも使ってもらえないのです。 試しに、QiitaのトップページのCSSを無効にしてみました。使える機能は変わらないはずなのに、全く使う気が起きなくなりますね。 しかしそうは言っても、フロントエンドの経験がほとんどないとどうすれば見た目をいい感じにできるかがわかりません。今回は、ちょっ
N700系新幹線の亀裂箇所は痺れない設計です
宣伝はじめたよ！ https://byfar.hatenablog.com/ 本題やっぱり出てきた、こういう中途半端が書くのは本当にやめてほしいと思ってたのに。こんなの設計の責任にするなんてバカげてるよ。 http://temcee.hatenablog.com/entry/N700_incident このホメオパシーレベルの頓珍漢記事を崇め奉るはてな民って本当にどうしようもないよな。 板厚0.4mmのSUS304を高さ4mmのR曲げにして、先端のバラつきが0.3程度になる t0.4のSUSってヒョロガリのキモオタがワンパンしただけで台無しになるような薄さなんだけど、そんな折り紙レベルの話と今回の話は全く違うことだと気付いてほしい。 それはそれで難しいのかどうかプレスについてきちんと学んでない俺には分からないが、今回のプレス品t8とは明らかに性質が違うものなのは誰にだって分かるだろ？ 材質
川崎重工製のN700系新幹線の亀裂箇所は痺れる設計だった - ＷＩＣの中から
川崎重工製の新幹線台車に亀裂が入っていたインシデント、ショッキングな破損画像と「安全神話」が謳われる新幹線の問題ということで、大きく取り上げられています。 川重、事故招きかねず悪質 新幹線の台車亀裂 ：日本経済新聞 この件で川崎重工が報告書を公開しています。破損部の構造や製造工程、具体的な数値まで載せてあり設計者として読んでいて楽しい報告書なんですが、 問題個所が製造的な観点からしてあまりに厳しい設計に見えたので、ちょいと反応したくなりました。 問題の箇所 プレス加工とは 製造をおろそかにしてはいけない 強度は板厚の3乗で効いてくる 問題の箇所 (引用元:川崎重工説明資料) 問題個所の模式図です。問題の部品はコの字のプレス板材を抱き合わせて、曲げ先端同士で溶接しています。凸部は平面が欲しかったらしく、コの字部品がプレス加工だけで平面を出せなかったところを、削ってつじつま合わせをしたというこ
独学で大ヒット「硝子ペン」職人・川西洋之さん（43歳） まだ見ぬ「完璧な一本」を目指し、美しさと機能性を高め続ける｜はたらくヨロコビ.com
独学で大ヒット「硝子ペン」職人・川西洋之さん（43歳） まだ見ぬ「完璧な一本」を目指し、美しさと機能性を高め続ける 柄に色がたゆたっているかのように浮かび上がる美しい模様、繊細に彫りこまれたペン先ににじんでいくインク――。 アートのような芸術性の高さで手にする人の心をとらえる硝子ペン。「インサイドアウト」と呼ばれる独特な硝子模様の技法を駆使して、オンリーワンの硝子ペンを手掛けているのが川西洋之さんです。 20代の頃に、バックパッカーで海外を放浪していたという川西さん。旅先で偶然出会った硝子細工に惹かれ、いつしか独 学で作り始めるようになった硝子ペンは、数年で全国から注文が殺到するほどの人気を呼びました。作品同様、ユニークな職人人生を歩む川西さんの「はたらくヨロコビ」を探ります。 見た目の美しさと実用性にこだわる お話を伺う前に、川西さんのお仕事を拝見させていただきました。 使う材料は理科の
【sketch】TwitterのUIトレースをして気がついた事｜Masaki
初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽ですしね。 早速Twitterのプロフィール画面とタイムラインの２画面を、Sketchを用いてトレースしてみました。Sketchを用いたトレースについてはネットで既に多く説明されていたのでつまずく事はありませんでした。 Twitterをトレースして気がついた事 左：元画像 右：トレース 1.フォントについてTwitterにはinstagramなどと同様に、和文には"Hiragino sans"、英文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.life-is-bitter.com/entry/dailyui_finish
