A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している
こんにちは、SOMPO Digital LabデザインチームのUIデザイナー・プロダクトデザイナーの金(https://twitter.com/seikei_kin )です。 管理画面、SaaS、業務システムからto Cアプリにいたるまで、ウェブサイトやアプリケーションの中には、ただ情報を閲覧するだけではなく、数値や情報などのデータを表示したり登録したり操作したりする役割のものがあります、というよりそちらの方がむしろ多いかもしれません。 そのようなアプリケーションをデザインする場合、なんとなく見た目的にはそれっぽくデザインできても、いざ開発しようとするといろいろ考慮が足りなかったり、実際に使うユーザーの観点から振り返ると過不足があったり……、といった経験をしたことがあるデザイナーは少なくないのではないでしょうか。 今回のnoteではそのようなウェブサイトやアプリをデザインする上で、データの
本連載では、SmartBankのデザイナーが「デザイナーの業務効率化」をテーマに、FigmaやNotionを活用した「業務効率改善のTips」を紹介していきます。今回焦点を当てるのは「Figmaで図表をデザインするときの時短アイディア」についてです。 こんにちは!SmartBankのデザイナーをしている春山(@yuki930)です。 私たちは、B/43というVisaプリペイドカードと家計簿アプリがひとつになった「家計簿プリカ」という新しいジャンルのサービスを運営しています。 第2回では、「Figmaで図表をデザインするときの時短アイディア」をテーマに、Figmaでフロー図やグラフを作るときの工夫をご紹介します。 Figmaで効率よくフロー図を作る 最初は、次のようなフロー図を効率よく作るためのアイディアについて、B/43のユーザーインタビューページに掲載している「お金のふたりの家計管理マッ
2021年12月3日に本テキストブックを題材に、デザイン経営の考え方や導入方法、テキストブックの制作秘話などについて語るオンラインイベントが開催されました。下記のリンク先からアーカイブ動画をご覧いただけます。 詳しくはこちら(外部サイト) > 富士通のこれまでの実践から得られたノウハウと、イタリアのミラノ工科大学デザインスクールPOLI.Designの研究成果やフィロソフィーを組み合わせた、デザイン思考のテキストブック「Transformation by Design デジタルトランスフォーメーションに挑戦するデザイン戦略とサービスプランニング」(日本語版・英語版)を公開いたします。このテキストブックはPDFで閲覧可能です。またテキストブック制作の背景や制作チームの想いなど、制作のディレクターを務めた宇多村志伸と高嶋大介に話を聞きましたので、ぜひダウンロードの際に併せてお読みください。
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン+8ptグリッド=調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行
全国フリーランス集団 Designship Studio の立ち上げは「デザイナーどこいるの?」への僕なりの答え 一般社団法人デザインシップ 代表理事の広野と申します。 自身もデザイナーであり、大企業、スタートアップ、フリーランス、デザイン会社、省庁と様々な立場でデザインの仕事に携わってきました。 その中ではデザイナーの採用や発注に関する支援もおこなっており、要は「デザイナーほしい企業」と「仕事ほしいデザイナー」をつなげているわけです。 そしてこのどちらの立場でもある自分は、3つの大きな問題と常に並走していることに気付きました。 このnoteは、その問題を認識してから全国フリーランス集団のデザインスタジオという異例なコミュニティをつくるまでの、僕たちの物語です。 サービス開始前のβ版で461人も所属している…!序:認識した3つの問題「デザイナーほしい企業」と「仕事ほしいデザイナー」の間には
こんにちは、デザインマネージャー・サービスデザイナーの大﨑です。今回はコンセントで活用している人材育成ツール「技術マトリクス」の2022年度の最新の更新について紹介します。 「技術マトリクス」はコンセント社内で運用しているスキルマップのこと。以前、その概要記事を公開したところ、たくさんの方からの反響がありました。中には、自社のデザイン組織の人材育成に生かしているという声もいただき、デザイン人材の活躍に貢献できたことをうれしく思っています。 あらためて、技術マトリクスとは? 技術マトリクスはデザイン人材のスキルマップであり、30を超える技術項目に対して5段階の水準を定義しているものです。職種ごとに必要な技術項目も設定し、コンセント全社の人材育成のために運用しています。 概要については前回の記事であるコンセントの人材育成ツール「技術マトリクス」とは?をご覧ください。 各分野のスペシャリストによ
「デザインのアイデアがなかなか見つからない」 「Webデザインの最新トレンドを知りたい」 「かっこいいデザインの見本サンプルが欲しい」 そんなときに目を通したい、旬のトレンドを取り入れた最新おすすめWebデザイン30選をご紹介。 国内外のウェブギャラリーでも取り上げられている、世界中からセレクトされたホームページやWebサイトばかり。 レイアウトや配色、フォントえらびなど、実用的なアイデアに困ったときに役立ちます。 流行先取り 注目の最新おすすめWebデザインまとめ 隅田川道中 ページ全体に広がる波紋エフェクトにはじまり、 和楽器集団による演奏など、一度見たら忘れなそうなサイト。コンテンツに進むにつれ音量がさがり、最後のフッターでふたたび最高潮に。 ノースマン公式サイト エレガントなフォント使い、 重なりのある自由なレイアウトなど、どれもサイト制作の参考になりそうな仕掛けがたくさん。 Ha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く