タグ

2017年8月29日のブックマーク (10件)

  • 矢印のシンプルなデザインが豊富に揃ってる!商用利用無料、使い勝手がいい矢印・アローのアイコン素材

    Icons8で販売されている有料のアイコン素材をオーナー様のご厚意により、当ブログ限定で無料で配布します。 今回は、矢印のシンプルなデザインが豊富に揃った、使い勝手がいい矢印・アローのアイコン素材です。

    矢印のシンプルなデザインが豊富に揃ってる!商用利用無料、使い勝手がいい矢印・アローのアイコン素材
    japanitnt
    japanitnt 2017/08/29
  • スゴイのが登場!Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO

    国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 STUDIO STUDIOは無料で利用できるオンラインサービスで、日語版と英語版がリリースされています。 ヘッダやフッタ、コンテンツのコンポーネントなどをドラッグ&ドロップでぽんっと配置するだけで、レイアウトを完成させることができます。コーディングのスキルは一切必要ありません。 レイアウトはすべてレスポンシブデザインに対応しており、従来のデザインツールでは表現できない動きやスクロールの再現も可能です。 STUDIOの作例 さっそく使用してみました。 まずは、メールアドレスとパスワードを登録します。

    スゴイのが登場!Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO
    japanitnt
    japanitnt 2017/08/29
  • Webデザインのスタイルガイドの作り方

    Webサイトの制作はどんどん複雑化しており、1人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で

    Webデザインのスタイルガイドの作り方
    japanitnt
    japanitnt 2017/08/29
  • ラフでおしゃれな雰囲気が印象的なシームレスパターンセット「Monochrome Seamless Patterns」

    TOP  >  Design , Tool  >  ラフでおしゃれな雰囲気が印象的なシームレスパターンセット「Monochrome Seamless Patterns」 パターン素材にはいろいろなデザインがありますが、中でも継ぎ目なく使えるシームレスなタイプは非常に重宝する存在。今回は、そんなシームレスパターンの中でも、ラフでおしゃれな雰囲気が印象的な「Monochrome Seamless Patterns」を紹介します。 繋ぎ目のないシームレスなパターン12種類とテクスチャ3つがセットになった魅力的なアイテムです。 詳しくは以下 手書き風の柄パターンは、シンプルなイラストが繰り返されていますが、色合いに水彩テイストを取り入れていたりと、さりげなく凝ったデザインが特徴。また、紙をクシャッとしたような風合いのテクスチャセットは、ゴールドのリッチなカラーが目を引きます。どれもシンプルなパター

    ラフでおしゃれな雰囲気が印象的なシームレスパターンセット「Monochrome Seamless Patterns」
    japanitnt
    japanitnt 2017/08/29
  • ハンバーガーメニューが進化中!2018年に押さえておきたい最新トレンド5個まとめ

    はじめにハンバーガーメニューが登場したとき、デザイン業界の反応はさまざまでした。そこから数年が経ったいま、この単純な図形は、インターネットの世界に浸透しています。 ここにくるまでハンバーガーメニューは、特にアニメーションの分野において、新しいレベルの洗練されたスタイルへと進化してきました。CSS3に加えて、SVGやキャンバスは、ユーザーエクスペリエンス全体を高める複雑で、シームレスなコンテンツ遷移を作成するのに利用されています。また、オーディオの利用もより普及してきており、メニューの使いやすさをユーザーに提供しています。 ハンバーガーメニューのレイアウトも、より複雑になってきており、サイトのナビゲーションメニューだけでなく、さまざまなコンテンツを配置しているケースが増えています。 この記事では、2018年以降に増えてきそうなハンバーガーメニューのクリエイティブな最新トレンド5つをご紹介しま

    ハンバーガーメニューが進化中!2018年に押さえておきたい最新トレンド5個まとめ
    japanitnt
    japanitnt 2017/08/29
  • UXデザインの失敗を回避するためのVUCAという考え方

    東京在住のUX/UIデザイナーであり、企業のデザインマネジメントやデザイン戦略を行う。制作会社、メガベンチャーを経て2017年、株式会社ビズリーチへ参画。事業とデザインを通じて日のインハウスデザイン業界の発展を実現する為、経営直下でデザイン戦略を計画・推進。 あなたの周囲にUXデザイナーはいますか? それともあなたがUXデザイナーでしょうか。もしあなたが関わるUXデザインがうまくいっているのであれば、大変素晴らしいことです。 しかし、そうでないのであれば、今も何か悩みを抱えているのではないでしょうか。 なかには、UXデザインを諦めてしまった方もいるかもしれません。 UXデザイン当に悩みの種なのでしょうか。 過去の失敗例やそこから得た発見をもとに、失敗しないUXデザインについて考えていきたいと思います。 UXに翻弄される人々の苦悩 私自身、UX/UIデザイナーとしてインターネットサービ

    UXデザインの失敗を回避するためのVUCAという考え方
    japanitnt
    japanitnt 2017/08/29
  • 「孤独死」「ゴミ屋敷」ミニチュアで再現 25歳女性が込めた思い

    ゴミが天井まで 父との記憶思い出す 孤独死の悲惨さ知って 部屋を埋め尽くす大量のゴミ、2カ月遺体が放置された浴室・・・思わず目を背けたくなってしまうような現場を再現した、異色のミニチュアが話題を呼んでいます。制作者は、孤独死の遺品を整理する会社に勤める25歳の女性社員です。込められた思いを聞きました。 「ディテールがすごい」 25日まで東京ビッグサイトで開かれた葬儀業界の商品展示会「エンディング産業展」。その一画にブースを構えたのが「遺品整理クリーンサービス」(社・東京)です。 「ミニチュア展示中」の看板の脇に、家の中を再現した三つの模型が飾られています。この模型、展示初日の23日に来場者が、「センスもディテールも凄い!」とツイッターに投稿。会期終了後も拡散は続き、1万4000回以上リツイートされる反響を呼んでいます。 会期中にブースを訪ねると、ミニチュアをつくった社員の小島美羽さん(2

    「孤独死」「ゴミ屋敷」ミニチュアで再現 25歳女性が込めた思い
    japanitnt
    japanitnt 2017/08/29
  • 教育系フリーアイコンセット「30 Free Education Icons Sets」

    TOP  >  Tool , WebDesign  >  教育系フリーアイコンセット「30 Free Education Icons Sets」 Webサイトで情報を公開する学校はとても増えていますが、教育機関のWebサイトは比較的情報量が多く複雑になってしまいがち。そんな時におすすめなアイテムが、今回紹介する教育系フリーアイコンセット「30 Free Education Icons Sets」です。 School Icon Collection Vector | Free Download ポップなテイストからフラットなデザインまで、様々なアイコンがセットでダウンロードできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 6 Modern Education Icons – graphberry.com ラインで構成されたアイコンは、細

    教育系フリーアイコンセット「30 Free Education Icons Sets」
    japanitnt
    japanitnt 2017/08/29
  • デザインシステムに採用する色を決める5つのルール : could

    始めの一歩としての色共有 ひとりのデザイナーに頼らず、チームで運用できる体制を作るためにも デザインシステム は有用なツールです。しかし、様々な UI コンポーネントと決まりごとが揃ったものを作るのは骨が折れる作業です。デザイナー(もしくはエンジニア)が独自で作って「さぁ使いましょう」と公開しても、使ってもらえるとは限りません。また、デザインシステムをどこで共有して、どのように使われるのかも考慮しなければならず、他社の真似事では済まないこともあります。 作る前から課題が山積みでなかなか手が出せないかもしれませんが、何か始めなければゴールに辿り着くことはありません。そんな現場でデザインシステムを作る場合、色から始めることをオススメしています。 色なんて単純なところは出来ていると思う方は多いと思います。デザイナーであればパレットにしてまとめているでしょうし、エンジニアであれば色は変数にして整理

    デザインシステムに採用する色を決める5つのルール : could
    japanitnt
    japanitnt 2017/08/29
  • [前編]オフィスデスク実験: 幅 80cm ~ 140cm で使い方はどう変わる?実地シミュレーション ~検討開始~|オフィス家具の選び方 アスクル みんなの仕事場

    みんなの仕事場 > オフィス家具の選び方 > [前編]オフィスデスク実験: 幅 80cm ~ 140cm で使い方はどう変わる?実地シミュレーション ~検討開始~ ※シリーズ記事 ほかに「[中編]オフィスデスク実験: 幅 80cm ~ 140cm で使い方はどう変わる?実地シミュレーション ~いざ実験へ~」「[後編]オフィスデスク実験: 幅 80cm ~ 140cm で使い方はどう変わる?実地シミュレーション ~そして結論~」 ■オフィスデスクはどのくらいの広さのものが良いのか オフィスデスクを購入する際に、いったいどのくらいの広さのデスクを選べば良いのだろうか。世の中で販売されているオフィスデスクの仕様を見ると、幅80~160cm、奥行き60~80cmあたりのものが多い。「みんなの仕事場」の取材で訪れるオフィスの場合でも、多く見かけるのは幅100cmや120cmで奥行き70cmのデスク

    [前編]オフィスデスク実験: 幅 80cm ~ 140cm で使い方はどう変わる?実地シミュレーション ~検討開始~|オフィス家具の選び方 アスクル みんなの仕事場