2017年11月2日のブックマーク (6件)

  • 初心者向け:これからSketchを使いたい人へ! Sketchの使い方のまとめ|Sketch Advent Calendar 2016 | tipsBear

    初心者向け:これからSketchを使いたい人へ! Sketchの使い方のまとめ|Sketch Advent Calendar 2016 この記事はSketch Advent Calendar 2016 21日目のエントリーです。 Sketchを格的に業務に取り入れ始めたのが2015年の初夏頃なので、ちゃんと使いはじめて1年半ぐらいでしょうか。今ではアプリのデザインは全部Skechで作っています。ついでに今回から記事のキャプチャ管理するのもSketchに変えています。Sketch便利で大好きです。 今更感が凄いですが、気になってるんだけどまだSketchを使っていないんだよな〜という方や、基的な動作のおさらいをしたい方向けに、Sketchの使い方や覚えておくと便利な機能を簡単にまとめてみました。SketchのUIは直感的で分かりやすいので、学習コストも少なく、初心者でもすぐ扱えるようにな

    初心者向け:これからSketchを使いたい人へ! Sketchの使い方のまとめ|Sketch Advent Calendar 2016 | tipsBear
  • WEBデザインで押さえるべき配色(ベース、メイン、アクセント)の基本「3つのカラー」|BLOG|株式会社エムハンド

    WEBデザインで押さえるべき配色(ベース、メイン、アクセント)の基「3つのカラー」 デザインをする際に欠かせない要素の一つとして、カラーの配色がありますよね。しっくりこない、これであってるのかな?などで悩んだ経験は1度や2度はある事と思います。 今回はWEBサイトをデザインする際に必要な、ベースカラー、メインカラー、アクセントカラーの配色や配分についての基ルールをまとめてみました。 WEBサイトの配色は役割別に3つあり、それぞれに、ベースカラー、メインカラー、アクセントカラーと呼びます。各々の比率をベースカラー70%、メインカラー25%、アクセントカラー5%の割合にすると、美しい配色に仕上げることができます。 ベースカラー最も大きな面積を占める基となる色で、余白や背景などに用いることが多い色です。メインとアクセントのカラーを引き立てる脇役的な立ち位置。 メインカラーその名の通りサイト

  • デザインの要素と原則

    2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう!デザインは複数の要素(エレメント)と原則(プリンシプル)から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください! ↑私が10年以上利用している会計ソフト! デザインの要素(エレメント)と原則(プリンシプル)は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ

    デザインの要素と原則
  • デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie

    色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー

    デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
  • [jQuery] selectボックスのchangeイベントが動かない場合の対処方法 – Search Light(Python, React, Django, PHP, Linux)

    jQueryでは、セレクトボックスの値が変更された時に他の処理を行いたい場合にchangeを使います。 都道府県を選択すると、それに対応する市区町村が別のセレクトボックスに表示されるというプログラムを作るときによく出てきますね。 jQueryの書き方に注意しないと動かないので、動かない例と動く例を書いておきます。 selectに限らずjQueryを使う場合にやってしまうのが、下記のような例です。

    h-miki-pd
    h-miki-pd 2017/11/02
  • changeイベント:フォームや選択メニューが変更されたとき

    change イベントはフォーム( input 要素)や選択メニュー( select 要素 )、テキストエリア( textarea 要素)にてユーザーの操作によって値が変更されたときに発生するイベントです。 onchange 属性または onchange プロパティに対してイベントハンドラを設定したり、 addEventListener メソッドの引数として change を指定してイベントリスナーを登録できます。ここでは JavaScript を使って change イベントが発生した場合の処理を記述する方法について解説します。

    changeイベント:フォームや選択メニューが変更されたとき
    h-miki-pd
    h-miki-pd 2017/11/02