Blocs - Fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code.
The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc
O-DAN (オーダン）- 無料写真素材・フリーフォト検索
高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日本語で横断検索できるサービス「O-DAN(オーダン)」
100万点以上の高品質なフリー画像素材 - Pixabay
どこでも使える無料のイメージとビデオ Pixabayは創作に意欲的なコミュニティであり、著作権フリーな画像や映像をお使いいただけます。すべてのコンテンツはPixabayライセンスにおいて公開されています。営利目的であっても著作者に対する許可やクレジットは不要で安全にお使いいただけます。 詳細情報...
デザインは、見た目じゃない | NHK | ビジネス特集
“シリコンバレーを作った人物の1人”と称され、故スティーブ・ジョブズ氏が頼りにした人物がいる。 レジス・マッケンナ氏。 半導体関連の企業で働いたあと、70年代にみずからのマーケティング会社を設立した、マーケティングのプロだ。 あるときマッケンナ氏は、うわさを聞きつけたジョブズ氏から電話でコンタクトを受け、ジョブズ氏、そしてエンジニアのスティーブ・ウォズニアック氏との打ち合わせにのぞんだ。 相談は「アップルII」（1977年発売）というコンピューターのマーケティングについて。 ジョブズ氏らは、製品についての記事を雑誌に載せる方針を明かした。 マッケンナ氏は、その内容があまりに専門的で、一般の消費者には受け入れられないと感じ、「市場を広げたいなら、自分と同じようなタイプの人たちに発信するのではだめだ。記事は書き直すべきだ」と助言した。 ところが2人はその意見を気に入らず、部屋を出ていってしまっ
最近見かける、粒子の粗いグラデーション！ほんの少しのCSSとSVGで実装できるの知ってた？
CSSとSVGでグラデーションにノイズを与え、粒子の粗いグラデーションを実装する方法を紹介します。 背景など通常のグラデーションに使用するだけでなく、暗くしてシャドウに使用したり、輝度とコントラストを上げてホログラムのような虹色のグラデーションとして使用することもできます。 Grainy Gradients by Jimmy Chion 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ノイズを加えたグラデーションを生成できるオンラインツール 実装: SVGノイズとCSSグラデーション SVGのturbulenceを使用する SVGとグラデーションを使用してCSS背景を作成する 明るさとコントラストを高める ノイズのカラーが均一でない CSSのブレンド機能 粒子の粗いグラデーションの使用例 さらに詳しく ブラウザのサポー
人々の顔//商用利用・加工利用可能な無料フリーイラストアイコン素材集 -エムスタジオ-
人々の顔、顔イラスト、かわいい顔、おしゃれなイラスト、線画、フェイスイラスト、たくさんの人の顔、複数う人のイラスト素材です。無料でダウンロード、加工してお使い頂ける人々の顔です。 企業ホームページ・通販ショッピングサイト・お店紹介のホームページへのイラストとして、カタログやチラシ、店内の案内POPのデザインの一部として人々の顔イラスト素材は無料でお使い頂けます。 使用フォント：A-OTF 新ゴ Pro R （OpenType 新ゴ R）、Arial モリサワ OpenType 新ゴ フォントの購入はコチラ 人々の顔の無料イラスト素材は、施設の案内看板、企業のPOP、店頭POP、個人や企業のホームページの他、ハガキやDM、カタログパンフレットなどの印刷物を作成する際のイラスト素材としてもご利用いただけます。 使用フォント：A-OTF 新ゴ Pro M （OpenType 新ゴ M）、Aria
「排除ベンチ」抵抗した制作者が突起に仕込んだ「せめてもの思い」
「さすがに、必要ですよね」 そもそもベンチがない問題 「恐れていることが本当に起きるか」を知る まちなかで見かけるベンチに、仕切りや手すりのような突起がついていることは「当たり前」の風景になっています。そんな「排除ベンチ」の一つが、先日、ツイッターをきっかけに形を変えました。〝突起〟が動いたのです。当初から〝突起〟に抵抗していたというベンチの制作者。実は、ベンチにある仕掛けをしていました。「みんな排除に慣れてしまっている」。制作者の言葉から、公共空間の過ごし方について考えます。 可愛らしいデザインで〝排除〟 7月8日。東京都中央区の京橋に設置されたベンチに、作業員が集まりました。木製のベンチを１台１台裏返し、ベンチの座面を３つに区切っていた「突起」のボルトを外し、突起を動かしました。
スティーブ・ジョブズ 「美」の原点 | NHK | WEB特集
ITの傑作商品を次々と開発して世界を変えたスティーブ・ジョブズ。惜しまれたその死から、ことし10月で10年になる。彼が生み出した製品は、いまも、その機能性と共に、美しく斬新なデザインでも世界を魅了している。 ジョブズの美的センスには日本文化の禅が影響を与えたことが知られているが、実は、禅に触れる以前、子どもの頃に見た日本の「新版画」、特に川瀬巴水（かわせはすい）から大きな影響を受けていた。ジョブズが巴水から学んだシンプルな美への探求をたどる。 文末には、ジョブズが購入した新版画作品のリストも記した。 （国際放送局・佐伯健太郎） スティーブ・ジョブズが川瀬巴水の作品と最初に出会ったのは、彼がまだ10代の頃に知り合ったカリフォルニア州サニーベールに住む親友ビル・フェルナンデスの自宅だった。 2人は互いの家を行き来し、電子機器をいじって遊んでいた。ビルは後年、アップル最初のフルタイムの社員になる
クロネコのマークが少し変わります。｜ヤマトグループ
２０２１年４月１日より、みなさまに親しんでいただいているマークが少し変わります。大切な子猫をくわえて運ぶクロネコの姿は変わりません。信頼をいただいていくために積み重ねてきたサービスを、これからもよりていねいに、より洗練させ、前進していきます。これは“次の運び方をつくる”ヤマトグループの意思表明です。 クロネコのマークは、目や耳など、細部のかたちまで、あらゆる可能性を検証しました。背景には、クロネコを囲うだけでなく、やわらかく広がりのある楕円を採用しています。これまでのマークを引き継ぎながら、これからもずっと前進し続けるヤマトグループの、新しいシンボルマークです。 また、グループ各社の社名は、より読みやすく洗練されたかたちを目指して、全て専用のロゴタイプを開発しました。 コーポレートカラーは４色。トラックはもちろん、あらゆるアイテムで、どのようなかたちになっても環境にノイズを生まず、それぞれ
丸よりも丸みを感じる!? スーパー楕円の魅力とデザイン | Spinners Inc.
こんにちは、Spinners の元山 (@kudakurage) です。 最近はresize.fmという緩めのデザイン系ポッドキャストを @dex1t と始めて、オーディオ系のデバイスや仕組みについて勉強する毎日です。今のポッドキャストの収録環境についても近々書き残しておこうと思っています。 2021年1月に日本で話題になった音声SNS「Clubhouse」についてresize.fmでも取り上げて話したのですが、その中でも話しているスーパー楕円というものについて今回は詳しく書いていこうと思います。 INDEXピート・ハインのスーパー楕円スーパー楕円とデザイン建築や家具のデザインデジタルプロダクトのデザインスーパー楕円を利用した印鑑スーパー楕円の描き方数式を使った描き方（Adobe Illustrator）簡易的な描き方（Vector Draw Tool）ピート・ハインのスーパー楕円 Sou
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
会社やサービスのロゴ変更【2018年まとめ】
個人的に印象的だった2018年のロゴの変更やリブランディングをまとめています。 仕事柄ITベンチャー系が多いかもしれません。 今年から関連リンクも貼ってみました。 他にも何かオススメのリブランディングがあれば、 SyumpeiMienoまで、お知らせいただけたら、なるべく掲載させていただきます。 1月18日 FABRIC TOKYO FABRIC TOKYOは、オーダースーツのD2Cサービス。 「Fit Your Life.」をコンセプトとしたリブランディングです。 シンボルマークはサービス名の「F」と「T」で、生地を織る様が表現されています。 新しくなったウェブサイトもしっかり綺麗に作られていて良いですね。 1月18日 RIMOWA RIMOWAは、ドイツのスーツケースブランド。 旧ロゴは丸みと枠が印象的でしたが、ストンと細いウェイトのサンセリフに変更されました。 悲しんだファンも多そう
画面をデザインするということ - Qiita
この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 （実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら
無料で商用可のフリーイラスト素材｜Loose Drawing
2020年の終わりに私たちLoose Drawingは始まりました。最初のころは、訪問者数が1日3人、5人という日もありましたが、今では月間10万人以上の方々にご利用いただいており、この場を借りて心から感謝申し上げます。 しかし、サービスの成長とともに運用コストも増加しています。私たちは、ユーザー体験を最優先に考え、広告は最低限に留めており、広告を増やして収益を上げることもできますが、それは私たちの理念に反します。 ここで皆様にお願いがあります。もしLoose Drawingが皆様の創作活動に少しでも役立っているなら、私たちにコーヒー１杯分のサポートをしていただけないでしょうか。皆様からの温かいサポートが、私たちのサービスを継続し、さらには発展させていく力となります。
新しいデザインの教科書
【ご挨拶】 / 【目次】 / settings / 解釈が変わる写真 / ラインスケッチ / 感覚の変換による観察 / 蓋の分類 / 新しい分け方の基準 / バランスによる新しい価値 / 約束事を共有することで、読みとけるようになる四コマ漫画 / 丸を取り出す / ｷﾘﾄﾘﾑｼ / レイアウトが解釈を生み出す / モノをコントロールするための身体言語 / space / 「解釈が変わる写真」野中大
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料、UIデザイン用のSVGアイコンが1100種類！Adobe XDやFigmaのツールも完備されてて、これは便利
フォント専門サイト fontnavi(フォントナビ)
User Inyerface - A worst-practice UI experiment
Kern Type, the kerning game
System UIcons
