なにこれ便利すぎる！ WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。 すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。 既存のWebサイトをリデザイン
マーケティングリソースとアイデンティティに関するガイドライン - App Store - Apple Developer
推奨バッジ アプリを宣伝するマーケティングコミュニケーションでは、黒い推奨バッジを使用してください。黒いバッジの周囲にあるグレイのボーダーはバッジのアートワークの一部であり、変更は許可されていません。同じ場所で他のアプリプラットフォームのバッジを併用する場合は、黒い推奨バッジを使用してください。その際は、App Storeのバッジを最初に配置してください。 代替バッジ 多様なデザインに柔軟に対応できるよう、白い代替バッジも用意されています。黒い推奨バッジではレイアウトの見た目が重くなってしまう場合に使用することができます。白い代替バッジは、同じ場所でバッジを1つだけ使用し、かつレイアウト内で使用される他の色を補う場合に適しています。マーケティングコミュニケーションで他のアプリプラットフォームのバッジも表示する場合は、黒い推奨バッジを使用し、白い代替バッジは使用しないようにしてください。 ロ
15 Subway Maps Compared to Their Actual Geography
TwistedSifter The Best of the visual Web, sifted, sorted and summarized The subreddit r/DataIsBeautiful is one of the most popular communities on reddit and its members have become well-known for creating original and engaging content that helps us all make better sense of the world. A recent post by vinnivinnivinni that recently went viral showed an animated comparison of the Berlin subway map vs
-MOBO- WEB, GRAPHIC & BRANDING/MOBO株式会社 神戸のウェブ・グラフィックデザイン制作会社
霞初月の気持ち 令和もはや5年目となりました。今では平成が少しばかり懐かしい気持ちになることもしばしば。 月日が経つのは早いということを実感いたします。 今年も多くの人と交流の持てる安定した1年になれば幸いです。 本年も、何卒よろしくお願いいたします。 残暑御御見舞い 今年の夏も酷暑が続き、残暑も厳しい毎日ですが如何お過ごしでしょうか。 夏はとても苦手な季節なのですが、何故か夏の終りが近付くと寂しい気持ちなります。 大好きな秋が始まり、大嫌いな夏が過ぎて行くというのに。四季の中で唯一、夏の 終わりだけ物哀しい気持ちになる、という矛盾撞着に心の不思議を感じます。
UI/UX Study w/Standard Inc. | blog / bookslope
10/21 (火)、ネットイヤーグループの UI/UX 勉強会に、STANDARD Inc の鈴木健一さんと鈴木智大さんをお招きして講師をお願いしました。STANDARD Inc は、FICC からスピンアウトした鈴木健一さんが設立した会社で、今話題の「SmartNews」アプリの UI 設計などにも関わった実績のある会社です。 彼らとは、ブログ記事「情報がないことを伝える UI デザイン」を読んだことがキッカケで、直接コンタクトをとったことに始まります。 そのブログを書かれた鈴木智大さんのほうからは「利用中の体験とUIの間を繋ぐブリッジビルダー」というタイトルで「UI Flows」というツールについてお話いただきました。UI Flows の記事を日本語訳した記事「UI のフローをデザインするための簡易記法」も発見。 画面遷移図というと、どうしても画面（ボックス）どうしを線でつなげた図を思
ゲームの面白さを解明する ―構造化IRFモデルと自動ゲームデザインの未来―
改良版「主体性構造モデル」を公開しました。 https://www.slideshare.net/satoshiido9/ss-78801133Read less
MS-Office のプレゼン資料などでよくみるこけし風の人型クリップアートなんですが。…
MS-Office のプレゼン資料などでよくみるこけし風の人型クリップアートなんですが。 （目鼻口の省略されている抽象的な担当者風のあれ）。 MS-Office のクリップアート公式で以前がんばって探しまくった結果、 手に入りましたのは３２種類です（かなり時間かかりました）。 ところでこれ、まとまってどこかに全部置いてあったりしないのでしょうか。
Year in Review 2014
無言語なものを言語化する 2014年は「デザインの言語化」として重要な年だったと思います。昨年くらいから、ようやくフロントエンド側のスタイルガイド作成が注目されたことで、デザインをいかに柔軟で拡張しやすいものを作れば良いのかという話がしやすくなりました。しかし、コードだけでなくビジュアルや感覚のところまで共有するツールを揃えなければ、本当の意味でデザインの拡張性は望めません。緊急時にデザインが崩れるのは、特定のデザイナー（又は制作会社）にデザインをすべて任せてしまっている可能性があります。これでは、Web サイトはいつまでもチラシのような存在から抜け出すことができませんし、運営という考えも根付かないでしょう。 デザイナーの手を借りなくても、ある一定の水準を保ちながらデザインされたコンテツを出し続けることが運営での大きな課題です。今年は各地でデザインの評価の仕方について話したのも、「かっこい
アニメーション表示のプログレスバーをどうすれば体感速度がアップするのかが判明
ファイルをダウンロードする時やソフトウェアをインストールする際によく目にするのが進捗度合いを示すプログレスバーですが、このプログレスバーの表示にアニメーション効果を加えることで、処理の体感速度を実際よりも早く感じさせる効果があることがわかりました。 ProgressBarsVisualCHIv15CAMERA1 - ProgressBarsHarrison.pdf (PDFファイル) http://chrisharrison.net/projects/progressbars2/ProgressBarsHarrison.pdf カーネギーメロン大学コンピュータサイエンス学科 Human-Computer Interaction Instituteの研究チームは、次の3種類のバーを比較して実験を行いました。 実験では、この3種類のバーをそれぞれ比較させることで、その効果の違いを浮き彫りにして
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します ロンドン地下鉄路線図での作図方法に基づいた東京の鉄道路線図を作ったので公開・配布します time2014/12/20 hatenabookmark- Illustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改変・販売含め、煮るなり焼くなり好きに使っていただいてかまいません。 railmaps - github どうして描いたの？ 昔からハリーベック氏のロンドン地下鉄路線図がとても好きで、自分もこういうも
改訂版: プログラマーが効果的な可視化を作成する （前編） - Qiita
改訂版について (5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです： 新しいセクションの追加 最近の本の紹介 細かな表現の修正 この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。 はじめに この記事は、可視化の専門家ではない人がコンピュータを使ってデータ可視化を実際に行う場合に必要な、一般的なノウハウをお伝えするシリーズの第一回です。 前編: 効果的なデータ可視化とはどのようなものか？ （本稿） 中編: 分かりにくい可視化を避けるための手法の選択 後編: Part 1
『千のプラトー』のインフォグラフィック
ドゥルーズ＝ガタリ『千のプラトー』における「リゾーム」の構造を説明するとき、未だに浅田彰『構造と力』の図が引用される。 この図も決して悪い出来ではないが、さらに動的に、できればもっと立体的に視覚化できないものかと、常日頃から思っていたところ、Marc Ngui というイラストレーターの素晴らしいインフォグラフィックに遭遇した。 『千のプラトー』の緖言である「本書は、章ではなく、プラトー[高原]によって構成されている」に従うと、今回紹介するグラフィックは、この本の最初と２番目のプラトーの視覚化である。 まず最初の「序 リゾーム」は、『千のプラトー』全体の見取り図にあたる。つまりここのグラフィックは二重の見取り図になっている。そして、ツリーマップ状の「樹木」、もしくはルート／ディレクトリマップ状の「根」に対する、階層や中心を持たないダイアグラム状の「リゾーム」は、今ならハイパーリンク／ネットワ
テクニカルなフリーフォント100個 Be Creative Be Happhy/// ナナメウエBlog
Cubic – Free for personal use テクニカルなデザインに使えるフリーフォントを厳選して集めてみました。 FFや、メタルギアのメニュー画面やダメージ表示などに使われていそうなフォントが多いです。 最近ではソーシャルゲームなどでもワンポイントで使われているのをよく目にします。 他にもロックやテクノっぽいデザインなどにも合いそうですね。 是非活用してみてください。 1,Cubic – Free for personal use 2,Techno Hideo – Free for personal use 3,Psi Hoe Pate’s Altern-8 Regular – Free 4,technoid one – Free 5,Cubos – Free 6,2 Lines – Shareware 7,Megaton Extras – Free fo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq
Remix Icon - Open source icon library
機械彫刻用標準書体フォント
和文フリーフォントの最上位でしょ！グーグルとAdobeが作った「源の角ゴシック」をゲットすべし * prasm（プラズム）
Loading...
_adsr221:Works
FONTA 一人一文字みんなでつくるフォント | 面白法人カヤック
