タグ

LIGに関するk75mixのブックマーク (7)

  • 文字デザインの基本装飾10パターンを紹介【参考例あり】

    こんにちは、デザイナーの花ちゃんです! 自社デザインチームで働いています。 LIGに入社してから作成したLIGブログのアイキャッチは300枚を超えました! 私がアイキャッチを作成する上で最初の難関だったもの…… それは……文字の装飾!! 前職ではスマホゲームUI/UXを担当していました。ゲーム内イベントのキービジュアルやバナーを作成する際は、世界観にあったフォントがある程度決まっていたので、その中から合ったものを選択していたのですが……ブログのアイキャッチとなると、毎回記事の内容、書き手のキャラクターによってテイストや組み合わせを変えなくてはなりません。 圧倒的に引き出しが足りない……! ということで、今回は文字装飾の基のパターンについて、LIGブログのアイキャッチを参考例に挙げながらまとめてみることにしました! 現場で活かせるWebデザインを勉強するなら…… Webデザインを徹底的に

    文字デザインの基本装飾10パターンを紹介【参考例あり】
  • エンジニアが無理なく続けられる5つの英語学習術 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。フロントエンドエンジニアのほりでーです。最近、LIGのフロントエンドチームでは、セブとの連携を強化するために英語を使用する機会が徐々に増えてきています。しかし、それよりも前から、なんとなく英語のことはいつかちゃんとできるようになりたいスキルの1つでした。 とはいえ、業以上に努力したり、時間をかけたり、無駄にお金をかけたりして勉強するのは嫌です。特別な努力をすることなく、日々の業務の中で積み重ねられる小さなことだけで、自然に英語力を伸ばすことはできないものでしょうか……? 幸い、我々の主戦場であるパソコン・スマホ・インターネットといった世界は、英語ととても親和性の高い領域です。ちょっとした設定変更や簡単な習慣を身に付けるだけでも、自分が英語に触れる機会を格段に増やせるのです。 今回は、私が実践している負荷が小さくて継続しやすい英語学習法をいくつかご紹介しようと思います。 1.

    エンジニアが無理なく続けられる5つの英語学習術 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 年表やSNSのデザインの参考に!タイムラインのサンプル10例 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのサリーです。 今回は「タイムライン」のサンプルを10例ほど紹介していきます。 たとえばLIGの沿革ページもSNSのタイムラインっぽいデザインになっているように、沿革や実績をタイムラインで見せたいという要望はときどきあるので、デザインの際の参考になればと思います。 それでは、はじめます。 さまざまなタイムライン10例 1. Vertical Timeline http://codyhouse.co/gem/vertical-timeline/ レスポンシブ対応のタイムライン。 JSも使用していて、スクロールでコンテンツが“びよよん”と気持ちいい動きで出現します。 中央のカテゴリーのアイコンがアクセントになっていて、かわいいですね。 2. VERTICAL TIMELINE http://tympanus.net/codrops/2013/05/02/vertical-

    年表やSNSのデザインの参考に!タイムラインのサンプル10例 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 「話のわかりやすい人」と「わかりにくい人」のちがい

    前職の時から、私は「話のわかりやすさ」にはかなり個人差があると感じていた。 何故話のわかりやすい人と、わかりにくい人がいるのか?最初はよくわからなかった。「生まれつき」なのか?「訓練」なのか?しかし、いろいろな人と話すと、要は「サービス精神」のちがいなのではと思うようになった。 巷には色々と「話し方講座」があふれているが、細かいテクニックよりも、結局のところ「相手の立場から自分の話を見ることができるか」ということに尽きると思う。したがって、以下の8項目が重要であるとの結論になった。 「話のわかりやすい人」と「わかりにくい人」のちがい 1. 「結論」から話すか、「過程」から話すか 例 「今日の打ち合わせの結果どうだった?」と聞かれたとき 話のわかりやすい人は「うまくいきました」「イマイチでした」と結論から話します。 話のわかりにくい人は、「最初に○○の議題が有りまして、XXさんが○○と報告し

    「話のわかりやすい人」と「わかりにくい人」のちがい
  • Sassを極める!デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 前回、これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。 そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう!という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします! たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。 目指せSassマスター!WEBデザイナーもコーダーもすぐに実践したくなるSassの基テクニック12連発もくじ もくじ テクニック1 アンパサンド(&) テクニック2 演算 テクニック3 round() テクニック4 rgba() テクニック5 コメントアウト テクニック6 変数 テ

    Sassを極める!デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 絶対まねしたい!Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp

    Chart.jsというのが流行っているみたいなので、もうちょっとフラット感がでないものか、カスタマイズに挑戦してみました。Chart.jsの使い方などは、LIGさんの記事を参考にしてください。 ドーナッツ これを何個か並べればかなりフラット感が出ますね。外側の青い部分のみをChart.jsで描画し、それ以外はCSSで調整しています。2つ目のセグメントを背景色で塗れば、円弧のように見えます。 ※ ドーナッツの幅は、percentageInnerCutout で調整できます。 ラインチャート お次は棒グラフです。フラットに見せるポイントは、グラフや線などを簡略化することでイラストのように見せるところです。また、数字と組みあわせるとかっこ良く見えます。※ 数字の部分は、CSSで組んでいます。 ※ 横軸のラベルは、意図的に減らしています。 バーチャート 棒グラフもフラットにしてみました。こちらも数

    絶対まねしたい!Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp
  • おめでとう!!LIG社長、岩上貴洋が結婚しました。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、LIGのCTO(最高技術責任者)をしています、づやです。 2013年の7月5日に我らがLIGの社長、岩上貴洋が結婚式を挙げました。場所はなんと沖縄県、石垣島。そんな日屈指のリゾート地で執り行われる美男、美女の結婚式に招待されたので行って来たのですが、今回はその時の様子を記事にさせていただきました。 石垣島、初上陸。 東京から飛行機で3時間ちょっと。やってきました石垣島。35℃ほどの気温とむせるような湿度。結婚式が無ければ、もっとトロピカルな格好で来たのに…。 素晴らしい青空と、白い海、綺麗な砂浜が俺を出迎えてくれました。 沖縄と言えばサトウキビ。たくさんのサトウキビ畑がありました。 川平湾(かびらわん)。海が綺麗!! ビーチで乗馬を楽しむ人達もいました。俺も乗ってみたかった。 木陰にひっそりと佇むお墓。風情があります。 ヒマワリ畑。太陽の方角を常に向きながら、力強く生きるこの

    おめでとう!!LIG社長、岩上貴洋が結婚しました。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1