[B! design] taka-ohのブックマーク

印刷業界の方は、なぜMac使いの人が多いのですか？Windowsのほうがシェアは多いと思うし、同じソフトがあるのでそれを使えば問題ないと思うのですが…

回答 (12件中の1件目) 今から20年ほど前まではそのとおり、Macは印刷現場、さらに言えば組版のデファクトスタンダードでした。紙面データの面付け（刷版に対して印刷・断裁・製本加工の都合を考えて、複数ページを配置していくこと）作業は、サン・マイクロシステムズのマシンを使うところも多かったですけど、基本はMacで上流工程を進めていくのがごく一般的でした。当時からWin機によるDTPはあるにはあったのです。が、あくまで一部の業者による実験、Win DTPノウハウ蓄積の意味合いが強かったように思います。または新しい技術に対する積極的な姿勢からくるものとしてか。いずれにしても、その...

taka-oh 2024/06/26

リンク

AI生成で３０万枚作ってわかったこと｜jun555

２０２２年の8月ころから生成AIとの付き合いを開始して、最初はMIDJOURNEY︵初期バージョン︶から始まり、NAIに移行し、MIDJORNEYのバージョンが上がって、NIJI-JOURNEYを少し触ったあたりで、RTX４０９０を買ってStable-Diffusionのローカル環境に場所を移しました。２０２２年8月から２０２３年2月まで、だいたい一年と２００日︵約５６５日︶生成枚数は32万枚超。オンラインでの生成サービス︵mid+nai︶で3万枚くらい。ローカルに移行してから29万枚生成しました。 midjourney初期バージョン期。２０２２年8月ごろ。この頃はこれでウホウホ言ってましたNAI期、﹁アニメキャラが出せる！﹂とウホウホ言ってましたMID＋NIJI＋NAIで作った漫画︵未発表︶AI独特の画風︵次元︶をまたぐ能力をテーマにした漫画 Stable-Diffusion期。今も毎

taka-oh 2024/03/03

考
design

リンク

I made a smooth shadows generator | Hacker News

taka-oh 2023/06/21

リンク

なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか？

回答 (3件中の1件目) いわゆるフラットデザインと呼ばれるデザインの潮流は明確に原点があります。以下は、マイクロソフトが2010年にデザインイベントMIX10でセッション公開した資料です。 https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 オリジナルの資料(Windows Phone UI and Design Language)は公開終了してしまったようなので、slideshareにあるコピーのリンクを貼っておきます。 iPhoneの登場とスマートフォン市場の勃興に...

taka-oh 2023/05/03

design
学

リンク

Gallery of Minimal Design Websites | Hacker News

taka-oh 2023/03/21

design

リンク

AIイラストの進化スピードが早すぎてもはや完全にゲームチェンジしてる「人間にしか出来ないアウトプットとは…」

賢木イオ🍀AIイラスト @studiomasakaki 水星の魔女が大好きなAIイラストレーター / 国内最大級の検証記事群「AIイラストが理解る！」「プロンプト超辞典」編集/過去のコンテンツは「ハイライト」、r-18はpixivにあります/自己紹介を兼ねた怪文書▶️ひたすらAI絵やってたら絵が描けるようになってた話ur0.jp/M2BtD studiomasakaki.fanbox.cc 賢木イオ＠スタジオ真榊 @studiomasakaki AIイラストはControlnetの登場で完全にゲームチェンジしましたわ。線画から色塗りができるのは本当に素晴らしい機能！「あくまで自分の線のまま」にすることも、「AIに補正してもらう」こともできるのがポイントです。これは色指定をしていませんが、「赤い髪・黒い服・黄色の目」と指定すると、 pic.twitter.com/V0flFRYmqp 2

taka-oh 2023/03/19

tool
design

リンク

UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方

ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを解説します。 Darkmode by Dan Holick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。ダークモードのグレースケールを作成するのが難しいのは、なぜだと思いますか？それは、人がカラーとコントラストを知覚する感じ方に関係があります 👇

taka-oh 2023/02/24

design

リンク

フロントエンドコーディング時に便利なジェネレーターサイト（随時更新） - Qiita

更新履歴追加 2024/04/01 「Epic Easing」を掲載しました 2024/03/07 「Filter Blend」を掲載しました 2024/03/04 「Tooltips & Speech Bubbles」を掲載しました 2023 2023/07/04 「CSS Box Shadows Generator」を掲載しました 2023/06/29 「Regulex」を掲載しました 2023/04/05 「Colorable」を掲載しました 2023/03/09 「Scrollbar.app」を掲載しました 2022 2022/10/04 「CSS Shadow Palette Generator」を掲載しました 2022/09/07 「Wayback Machine」を掲載しました 2022/05/31 「Min-Max-Value Interpolation」を掲載しました

taka-oh 2022/11/20

リンク

TrelloのDescription欄だけでUIを超えた手触りが良すぎて学びしかない - Make組ブログ

TrelloのUI︵UX︶が素晴らしすぎます。UIと言っても表面上のデザインだけでなくて、基本的な要素の手触りが良すぎます。とくに上の写真にあるDescriptionがすごい。ここだけで作り込みがすごすぎてビックリする。これはカード︵Todoリストでいうタスク︶の説明欄です。入力はtextareaででき、URLなどが入力されると表示される際はリンクになります。ただそれだけの要素ですよ。ただそういう次元じゃないんですよね。たとえば以下の機能があります。 Descriptionが空のときは﹁Add a more detailled description...﹂を表示する Descriptionが空のときはマウスホバーで背景色を濃くしてクリックを促す Description内に描画する内容があるときは、 cursor: pointer にするだけで背景色は変わらない Descriptio

taka-oh 2022/11/11

design

リンク

JS+SVGで液晶画面風の表示をつくる | tech - 氾濫原

液晶風の画面は決まった形をオン・オフするだけなので、canvas にコードで描くのは大変なだけで無駄が多い。かといってセグメントを1つ1つ画像にわけて座標指定で配置していくのも面倒くさい。と考えていくと SVG を埋めこんで、SVG の要素をJSで操作するのが効率が良い。ワークフローとしては SVG の作成とJSの実装で綺麗に境界を作ることができる。 Inkscape Inkscape の良いところは以下の点 XML エディタが UIと連動しているレイヤーやオブジェクトを選択すると該当箇所にエディタ上で跳べる構造をコントロールしやすい画像を編集するというより SVG の XML を編集するUIというイメージ Inkscape でオブジェクトに名前をつけると、svg 上では inkscape:label 属性に入る。これを利用してJSから操作すれば Inkscape で

taka-oh 2022/11/04

リンク

ミルクボーイがUIとUXの違いを説明したら｜広野萌

挨拶内海﹁どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね﹂駒場﹁いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど﹂内海﹁そうなんや﹂駒場﹁その名前を忘れたらしいねん﹂内海﹁IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！﹂駒場﹁俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん﹂内海﹁そうなん？﹂駒場﹁うん﹂内海﹁ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ﹂定義駒場﹁おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた﹂内海﹁

taka-oh 2022/09/27

リンク

Trianglify.io · Low Poly Pattern Generator

Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.

taka-oh 2022/09/19

ポリゴンライクな画像生成

design
parts

リンク

GitHub - bradtraversy/design-resources-for-developers: Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

taka-oh 2022/07/19

design
parts

リンク

http://www.life-is-bitter.com/entry/ui_checklist

taka-oh 2022/07/03

ブコメの指摘が参考に

リンク

Simple.css – A classless CSS framework | Hacker News

Simple.css is a well done classless 'framework'. I stumbled on it a while back and started using it and thought this can be my go-to styles for tit-bits of websites that I do for landing pages, family websites etc. However, this is pretty opinionated (including some animations) and I had to abandon it. But I rem ained inspired by its simplicity and forked my own[1] broke it down. I broke it down to

taka-oh 2022/01/16

design
parts

リンク

新しい日本語フォントがたくさんリリースされてる！ 2021年、日本語の新作フリーフォントのまとめ

2021年もあと残り2週間ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！これまでの日本語フリーフォント総まとめは、下記をご覧ください。日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記後日、上記に追加します。 2021年フォント界の大きなニュースは、Google Fontsに大量の日本語フォントが追加されたことです。Webフォントとして利用できるのはもちろん、オープンソースになったので商用プロジェクトでも無料で利用できます。というわけで、Google Fontsで利用できるようになった日本語フォントから紹介します。有料だったフォント︵砧書体やZENフォントやFontworksなど︶もオープンソースのSILライセンス

taka-oh 2021/12/16

design
parts

リンク

https://mmontag.github.io/chip-player-js/browse

taka-oh 2021/10/12

昔っぽいファイラー形式のUIにMIDIの演奏をブラウザで再現していてすごい。なにげにレトロゲーの曲が多い

design
otaku

リンク

UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN

WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では

taka-oh 2021/08/04

design

リンク

丸よりも丸みを感じる!? スーパー楕円の魅力とデザイン | Spinners Inc.

こんにちは、Spinners の元山 (@kudakurage) です。最近はresize.fmという緩めのデザイン系ポッドキャストを @dex1t と始めて、オーディオ系のデバイスや仕組みについて勉強する毎日です。今のポッドキャストの収録環境についても近々書き残しておこうと思っています。 2021年1月に日本で話題になった音声SNS「Clubhouse」についてresize.fmでも取り上げて話したのですが、その中でも話しているスーパー楕円というものについて今回は詳しく書いていこうと思います。 INDEXピート・ハインのスーパー楕円スーパー楕円とデザイン建築や家具のデザインデジタルプロダクトのデザインスーパー楕円を利用した印鑑スーパー楕円の描き方数式を使った描き方（Adobe Illustrator）簡易的な描き方（Vector Draw Tool）ピート・ハインのスーパー楕円 Sou