タグ

ブックマーク / memo.sanographix.net (6)

  • ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX

    Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。 Rinは、だいたい下記のようなことがすば

    ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX
    gnta
    gnta 2015/02/18
  • 1日100人限定・君は京都の激レアスポット「白龍園」を見たか - MEMOGRAPHIX

    1日100人しか入れない日庭園「白龍園」に行ってきた。 この庭園は青野株式会社という子供服メーカーが管理運営しているもので、長年社員の方々が手入れしていたものを2年前から春と秋に限定公開しているみたい(下記リンク参照)。 荒れた山、紅葉美の庭園に 京都・鞍馬の白龍園 : 京都新聞入ってすぐ、なぜ1日100人限定なのかがわかった。苔が驚くほど綺麗なのだ。普通の寺だったら、人が歩く通路には苔は生えないのだけど、白龍園は所構わず茂っている。この苔を維持するために入場制限していると思うと納得。だから、こんな青々とした景観は京都でも珍しい。 もちろん人があんまりいなくて空いてるのも嬉しいポイント。京都の紅葉、有名どころは混みすぎて疲れるけど、ここはゆっくりできる。 ↓ ちなみにこの写真、園内のお手洗いを出たところから撮ったものだけど、なんとも贅沢な景色。 途中にある東屋からの額縁感も見事。 奥には

    1日100人限定・君は京都の激レアスポット「白龍園」を見たか - MEMOGRAPHIX
    gnta
    gnta 2014/11/21
  • 起業するつもりなくても『デザイナーとして起業した(い)君へ。成功するためのアドバイス』読んだら

    デザイナーとして起業したい人に向けて、うまくやっていく方法とか心構えが書いてある。 ぼくは今のところ、起業するつもりは全くない。けど、全編に渡りいいこと書いてあって参考になった。デザイナーとしてどうあるべきか、とか、仕事とどのように向き合うか、というのは起業に関係なく普遍的なテーマだからだ。 それに、デザイナーは性質上副業が発生しやすい職業でもある。友達づてでちょっと仕事頼まれるとか、しょっちゅうあると思う。そういう時は一時的にフリーランスに近い状態になるけど、そこでの振る舞い方がよく分からなくて困ったりする。だから、このに書いてある情報は知っておいて損はない。 以下、起業するつもりがないという立場で読んだ前提で感想を書く。細かく章分けされていて、全部紹介すると長いので、特に良いこと書いてある部分を紹介する。 君のニッチを見つけよう3章、ニッチな分野でスペシャリストになろうと書いてある

  • 自分のwebサイト作る工程 - MEMOGRAPHIX

    2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ

    自分のwebサイト作る工程 - MEMOGRAPHIX
    gnta
    gnta 2014/04/14
  • 大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX

    いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色(白っぽいクリーム色とか白っぽいねずみ色) 黒っぽい色(赤っぽい黒とか青っぽい黒とかそういうの) 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ

    大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX
    gnta
    gnta 2014/04/09
  • 美大で紙媒体専攻してた人がWebデザインやることについて - MEMOGRAPHIX

    ぼくは美術大学で4年間デザインを勉強してて、なかでも紙媒体のグラフィックデザインを専攻してた。所属研究室もプリントメディアを専門にやるところだったし、卒業制作も、なんかみたいなの作ってた。だから、ぼくがWebデザインをやっていることについて、意外に思われたり、不思議がられたりすることがある。その研究室でわざわざWebデザインを志す人は殆どいないからだ。 しかし、紙で学んだことが無駄だと思ったことは一度もなくて、むしろWebデザインで非常に役立っている。ぼくが紙媒体を専攻してた理由は、紙は歴史のあるメディアだし、グラフィックデザインの基礎をちゃんと学ぶのに最適と思ったからだ。基礎というのは、タイポグラフィの扱い方とか、ジャンプ率とか、配色とか、そういうデザインの諸ルールのことで、そのルールはそのままWebデザインに通用する。今のWebデザインの流れを見ていると、フラットデザインとか、Web

    gnta
    gnta 2014/02/18
  • 1