どこでも使える無料のイメージとビデオ Pixabayは創作に意欲的なコミュニティであり、著作権フリーな画像や映像をお使いいただけます。すべてのコンテンツはPixabayライセンスにおいて公開されています。営利目的であっても著作者に対する許可やクレジットは不要で安全にお使いいただけます。 詳細情報...
100万点以上の高品質なフリー画像素材 - Pixabay
どこでも使える無料のイメージとビデオ Pixabayは創作に意欲的なコミュニティであり、著作権フリーな画像や映像をお使いいただけます。すべてのコンテンツはPixabayライセンスにおいて公開されています。営利目的であっても著作者に対する許可やクレジットは不要で安全にお使いいただけます。 詳細情報...
Humaaans by Pablo Stanley - Illustrations on Blush
Add a humaaan touch to your compositions!
Open Peeps, Hand-Drawn Illustration Library
Open Peeps by Pablo Stanley. Free for commercial and personal use under CC0 License. Mix & Match.The library works like building blocks made of vector arms, legs, and emotions. You can mix these elements to create different Peeps. Combine clothing and hairstyles to add flair. Change emotion with different facial expressions. Set the scene with different poses—including standing and sittingDownload
Iconsax
License Iconsax are the official icons of the Vuesax framework, these icons can be used for personal and commercial use for free, but they cannot be sold and distributed under another name, they cannot be used to create templates or ui kits without permission, if desired to use the iconsax icon pack for these purposes, you should contact: https://lusaxweb.net/contact
UIデザインは奥が深い、CSSで美しいシャドウを実装する方法
Webページやスマホアプリなど、UIデザインで使用されるシャドウをより美しく実装するテクニックを紹介します。 シャドウをぼんやりとしたグレーにするだけでなく、美しく最適化して実装します。また、シャドウのサイズで要素に標高差をつけ目立たせたり、彩度と明度の関係など、UIデザインに効果的なテクニックも詳しく解説されています。 CSSでシャドウを実装する前に、一読をお勧めします。 Designing Beautiful Shadows in CSS by Josh W. Comeau 下記は各ポイントを意訳したものです。 デモは元記事ではインタラクティブですが、当記事では画像にしています。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに シャドウをなぜ使用するのか 一貫性のある環境の構築 美しいシャドウの実装方法1: レイヤー化 美しいシャドウの実装方法2: 色
さよなら、「デザイン思考」｜KESIKI
こんにちは。KESIKIの石川俊祐です。 KESIKIは、デザインやクリエイテビティの力で、愛される会社や人にやさしい経済を生み出そうと考えているクリエイティブ・ファームです。 （フワッとしていてわからないよ！ と思われる方も多いと思います。ぼくたちがやろうとしていることについては、改めてまた！） ところで、みなさん、「デザイン思考」と聞いて、何を思い浮かべますか。 付箋を使ったブレストの手法？ 拡散と収束を繰り返しながら、アイデアを生み出す方法？ イノベーションを生み出すための魔法のメソッド？ ぼくは、デザイン思考の生みの親とも言われるIDEOで、その教えを受け、実践してきました。そして、その素晴らしさを実感すると同時に、ある違和感を抱くようにもなりました。 なぜ、そう思うようになったのか。なぜ、IDEOを辞め、KESIKIを立ち上げたのか。そんな話を綴っていきたいと思います。 IDEO
UXデザイナーから学ぶ、無効状態のボタンをグレーアウトにしない理由
一時的に操作ができない無効状態のボタンを表示する場合、どのようにデザインすると、ユーザーの混乱を少なくすることができるか、UXの観点から解説した記事を紹介します。 無効状態のボタンをグレーアウトにしてしまうと、他のボタンにグレーを使用できなくなったり、操作できない不具合かもとユーザーは思うかもしれません。 Why You Shouldn’t Gray Out Disabled Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 無効状態のボタンをグレーアウトにしない理由 無効状態のボタンをグレーアウトにしない理由 ページ上でアクティブになっていないボタンがある場合、あなたはどのように実装していますか？ ボタンを本来の場所から一度削除した後に表示すると、ユーザーは突然現れたボタンに驚くかも
スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説
スマホでボタンをどこに配置するとユーザーは操作がしやすいのか？ 上部と下部、水平に並べたボタン、垂直に並べたボタン、3つ以上のボタンなど、ボタン配置について包括的な分析を行い、ボタンをどのように配置するのが最適なのか解説した記事を紹介します。 The Optimal Placement for Mobile Call to Action Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グーテンベルクの原則 上部と下部のボタン 水平に並んだボタン 垂直に並んだボタン 水平と垂直のハイブリッド スティッキーボタン まとめ はじめに ボタンをどこに配置するかによって、ユーザーがタスクを完了する時間に影響を与えることを知っていますか？ タスクを素早く完了することで、より満足のいくエ
Ikea releases free ‘Soffa Sans’ font made of couches
Ikea releases free ‘Soffa Sans’ font made of couches / ‘The world’s comfiest font’ Ikea has released a free font called Soffa Sans, inspired by all the memes born from its online “Design your own sofa” planner. The tool allows for customers to design the layouts and configurations of Ikea’s couches, from the Vimle sectionals to the Vallentuna modular sofa series. Once it was discovered that the pl
文字サイズの比率と調和
ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。 そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列（隣接する項が共通の差を持つ数列）の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ... // 調和数列 実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz
LIMITS 期限や経過を管理するクリップタイマー | KINGJIM
99日の長期タイマー× メモが挟めるクリップ 日、時、分それぞれの単位でタイマーの設定ができ、最大99日の長期計測が可能です。クリップにメモなどを挟んでおけば、何に対しての計測時間なのか意識しやすくなるので、うっかり忘れが防げます。 カウントアップと カウントダウン機能 実験などの経過や間隔の確認といった「あれから何日」の計測にはカウントアップ。賞味期限やテストといった「あと何日」の計測にはカウントダウン。目的に合わせた使い分けができます。 シーンに合わせて使える 回転式クリップ クリップは上下反転させて取り付けできます。クリップを下向きにしてチラシを挟んでマグネットで冷蔵庫に貼り付けたり、上向きにして卓上でメモスタンドとして使うことができます。
デザイナーキャリアを描くためのテンプレートをつくってみた｜たけてつ
過去に書いた記事の発展形として、デザイナーのキャリアビジョンを描き、自己を振り返り整理するテンプレートをつくってみました。 まずは思考プロセスから。（完成形をすぐに見たい方は最下部へ） どう発展させたか以前の記事で、僕は「スポーツはビジネスと非常に似ているところがある。」として、心技体を取り上げました。 この時点から後述している本の「ザ・コーチ」やポータブルスキルで有名な「人材要件の三角形」などいろいろと過去にインプットした情報を見返すと「知識」が欠けていると感じたので、心技体に知を追加しました。 ここにTakram 田川さんのBTCを掛け合わせると、デザイナー・エンジニア・PM・マーケターなどなど、職種によって目標や必要スキルが書きやすく分類されるのでは、と考えました。 目指す旗印を立てよう何事もどちらに進むのか、方向を決めないと迷走してしまいます。ただ、あまりに高く見えない旗印では、進
無料＆たった数秒で写真から人物を抜き出して透過画像を作ってくれる登録不要のサービス「remove.bg」 - GIGAZINE
画像の加工を行っている時、「画像に映っている人物だけを抜き出して、背景を全て消し去った透過画像を簡単に作りたい」と思った経験がある人もいるはず。「remove.bg」はそんな人にピッタリな、AIを使ってわずか数秒で背景と人物を分離してくれる登録不要＆無料のウェブサービスです。 Remove Background from Image – remove.bg https://www.remove.bg/ 「remove.bg」を使うには公式ページへアクセスし、「Select a photo」をクリック。 すると、コンピューターのフォルダから写真を選択できるので、加工したい画像を選択して「開く」をクリック。 ほんの数秒間処理が行われ…… オリジナルの画像から人物だけを抜き出し、背景を除去した画像が表示されました。remove.bgでは学習済みのAIが人を「前面」として検出し、それ以外の要素が「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドット絵ダウンロードサイト DOTOWN|無料の素材サイト
20,000+ Free Stock Photos and Royalty-Free Images
無料の写真素材 · Pexels
satoshi saito encloses 'house in sakai' behind tall fireproof walls
人気デザイナーのジャスパー・モリソンがデザインしたPunkt.社製SIMフリー携帯電話「MP02 4G Mobile Phone」｜@DIME アットダイム
日立の家電のデザイン改革プロジェクト第1弾は、深澤直人デザインの中国向け空気清浄機｜@DIME アットダイム
アドビ、「令和」の合字をAdobe Fontsに追加。2文字を全角1文字に
