[B! ***][design] lepton9のブックマーク

【商用OK】漢字も使えるオススメ日本語フリーフォント160個まとめ

この記事では、商用利用でき漢字も使える日本語フリーフォントを、まとめてご紹介します。「日本語フリーフォントが増えすぎて、どれを使うか迷ってしまう」、というひとも多いでしょう。定番アイテムから最近公開された新作フォントまで、「使える」日本語フリーフォントを一覧でまとめています。コンテンツ目次好きに選べる、好きなだけ使えるAdobe Fonts 明朝体（22書体）ゴシック体（35書体）手書きフォント（26書体）毛筆、行書体（16書体）ユニーク、その他の書体（61書体）正しいフォント選びのこつとポイント歴代ベストフリーフォント一覧商用でも利用できる日本語フリーフォントを集めていますが、用条件やライセンスが変更されることもあるので、利用する前に確認しておきましょう。好きに選べる、好きなだけ使えるAdobe Fonts 「日本語フォントをまとめてダウンロードしたい」「できる

lepton9 2021/07/22

“”

リンク

満足して使っている有料サービスの一覧

こちらにリクエストがあったので整理も兼ねてまとめておく。（技術関連以外のサービスも含めたかったのでスクラップに書くことにした） TablePlus SQLクライアント MySQL、PostgreSQ、Redis、Mongo DBなどに対応 UIが良い。見やすい。操作しやすい。複数の接続先を管理しやすいときどき「有料プランに入らない？」的なポップアップが出るので課金。これを書いてる時点ではマシン1台ごとに約$60の課金快適なので課金してよかった

lepton9 2021/02/12

リンク

個人的UIデザインの情報源まとめ

どうも。最近エンジニアからデザイナーになったものです。最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple

lepton9 2020/10/13

リンク

ソフトウェアアーキテクチャを学ぶために - kawasima

いわゆるGoFの23個のデザインパターン。知っておくに越したことはないが、フレームワーク・ライブラリに溶け込みすぎていて、現代では知らないうちに使ってることになるので、余裕があれば。

lepton9 2020/02/04

リンク

20 Minimalist Portfolio Designs For Your Inspiration - Hongkiat

If you have a passion for white space and love sharp, clean design, the minimalist style would probably be right up your alley. In minimalist design, the main focus is on the content instead of heavy design effects. Basically, it does as the name suggest by keeping it simple. There’s a lot of potential for minimalist design in plenty of areas. As an artist, one of the ways you can use this is by i

lepton9 2018/11/06

リンク

38 Best Sketch 3 Design Tutorials - Web Design Ledger

Sketch AppTutorials 38 Best Sketch 3 Design Tutorials Jake RocheleauAugust 5, 20152 Comments02.9k Bohemian Coding’s Sketch 3 is the latest & greatest tool for digital design. Everyone from icon designers to mobile app designers agree that Sketch does the job well. But since it’s so new there is a distinct lack of information related to Sketch 3 for interface design. Thankfully some designers have

lepton9 2018/10/01

リンク

Top 24 Web Developer Portfolios to Get Inspirations（2019 Updated）

lepton9 2018/09/28

リンク

まとめよう、あつまろう - Togetter

コミュニケーションが生まれるツイートまとめツール

lepton9 2018/03/31

リンク

AWS-CloudDesignPattern CDP2.0候補

AWSクラウドデザインパターンとは？ AWSクラウドデザインパターン (AWS Cloud Design Pattern, 略してCDPと呼ぶ)とは、AWSクラウドを使ったシステムアーキテクチャ設計を行う際に発生する、典型的な問題とそれに対する解決策・設計方法を、分かりやすく分類して、ノウハウとして利用できるように整理したものである。これまで多くのクラウドアーキテクト達が発見してきた、もしくは編み出しきた設計・運用のノウハウのうち、クラウド上で利用が可能なものをクラウドデザインのパターンという形式で一覧化し、暗黙知から形式知に変換したものであるといえる。パターンの中には、クラウドでなくても実現できるもの、今まででも実現されていたものも含まれているが、クラウド上でも今まで通りのアーキテクチャが実現でき、かつクラウドを利用する事で、より安価にそしてより容易に実現できるものは、CDPとして収

lepton9 2018/03/06

リンク

デザイナー向け認知科学／認知心理学の入門書（2020.10.4追加編集）｜yoshi_design

はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、という観点で選びました（前半の入門編）。（僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。）後半の中級〜上級編には名前がよく出てくる有名

lepton9 2018/01/19

リンク

Web制作者のためのおすすめChrome拡張15

2018年1月16日 Webサイト制作, 便利ツール普段使っているChromeをより便利にしてくれる拡張機能。私も様々なものを入れていますが、その中でもWeb制作時に使える便利拡張をいくつか紹介します。Firefoxに対応しているものもありますよ！ ↑私が10年以上利用している会計ソフト！ Web Developer Chrome拡張｜Firefox Add-on｜GitHub｜公式サイト Webに携わる人は入れておいて損はない拡張のひとつ！長年利用させていただいてます。1クリックでCSSやJavaScriptを無効化したり、画像の非表示、様々なデバイスサイズでの表示、クラスやID名の表示、定規やカラーピッカーまで揃っています！カラーピッカーはCSSで定義されたものだけでなく、画像からも抽出できるのがすごい。日本語版もあるので試してみてくださいね。 CSS Peeper Chrome拡張

lepton9 2018/01/16

リンク

CSSの素晴らしいアイデアが満載！2017年スタイルシートを使ったテクニックのまとめ

2017年も、CSSの進化がすごかったですね。 CSSを使ったアニメーションはより繊細に、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。さまざまな素晴らしいアイデアが取り入れられたスタイルシートを使ったテクニックを紹介します。イラスト: Girls Design Materials 2017年によく目にしたもの一つが、グラデーションです。一昔前は同一色相のグラデーションが多かったですが、最近では複数の色相をし、グラデーション自体も大胆に使用するのが増えています。

lepton9 2017/12/15

リンク

美しい幾何学パターンを利用した、50個のデザインアイデアまとめ

これまでに幾何学パターン（英：Geometric Pattern）を、デザインにうまく活用したことはあるでしょうか。すこし変な質問に聞こえるかもしれませんが、幾何学パターンはとても使いやすいデザインツールです。うまくデザインに取り入れることで、とても柔軟で効果的なビジュアルに、機能性を兼ね備えているケースもたくさんです。今回は、幾何学パターンをうまく利用する、50個のデザインポイントを、参考サンプル例と一緒に見ていきましょう。詳細は以下から。 01. バランスを取ろう。注目を集めたいときに、幾何学パターンは有効なデザインアイデアと言えますが、たくさんの素材を組み合わせるときは、余白スペースなどの要素を加えて、全体のバランスを検討しましょう。以下のサンプル例では、鮮やかで大胆なデザインパターンが活用されていますが、パンフレットの中はよりシンプルとなっています。複数のパターンを利用する

lepton9 2017/12/07

リンク

デザイン制作を助けてくれる国内外の素材サイトまとめ - NxWorld

見つけてはメモしていたものがかなり増えてきて自分用に整理したのでシェアします。ベクター・ラスター・テクスチャ・パターン・アイコン・フォント・モックアップなど、デザイン制作をする際に便利な素材を配布しているサイトの一覧です。中には条件付きで使用可能とか商用利用時は有償という素材が中心に配布されているところもありはしますが、紹介しているのは基本的にフリーで使用できるものが中心または多く配布されているサイトになります。以下はいずれも五十音 → アルファベット → 数字の順で紹介しています。また、下記目次に属する国内の素材サイトについては多くが「禁止事項を守れば個人・商用問わず利用可能で、クレジット表記や報告等も不要」になるので、基本的にそのようなライセンスに関する情報は別途記載しているもの以外は省略しています。国内 - 全般・ベクター・ラスター国内 - テクスチャ・パターン国内 -

lepton9 2017/10/25

design
***

リンク

創作にぴったり！異世界の魔法、武器、防具、道具、生き物をテーマにした無料のピクトグラムがなんと495種類も！ | コリス

異世界の魔法、武器、防具、クリーチャー・生き物、植物、食べ物、道具、ポーションなど、495種類のアイテムがデザインされたピクトグラムを紹介します。 RPG-Awesome ダウンロードできる素材のフォーマットは、4種類。 .svg .eot .woff .ttf SVGアイコン、Webフォントとして利用できます。ピクトグラムには異世界に出てくるさまざまなアイテムが揃っています。その中の一部をご紹介。

lepton9 2017/04/28

リンク

これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ

オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。目のアイコンの作り方矢印のアイコンの作り方バッテリーのアイコンの作り方箇条書きリストのアイコンの作り方クラウドのアイコンの作り方次に進むのアイコンの作り方ファンネルのアイコンの作り方プレイ・ポーズのアイコンの作り方位置矢印のアイコンの作り方位置ピンのアイコンの作り方サウンドのアイコンの作り方ウェーブのアイコンの作り方 Toptalのアイコンの作り方

lepton9 2017/03/07

リンク

これでもう悩まない！2017年のデザイントレンド完全ガイド

2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？

lepton9 2017/02/19

design
***

リンク

早く・それなりの UI を実現する React コンポーネントセット 16 選 - Qiita

これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。ただ、既存の CSS フレームワークは内部で jQuery を使用していることが多いので、React と jQuery を共存させるか、jQuery 部分を自前で実装しないといけません。そこで React で「早く・それなりの UI 」を作れそうな React コンポーネントセットを手当たり次第に調べてみました。 Note: Web 向け UI のコンポーネントのみとなっています。React Native や

lepton9 2016/07/12

リンク

暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。長きに渡りnanapiを応援してくださり、本当にありがとうございました。