ハラ さん プロフィール

  •  
ハラさん: Life is bitter
ハンドル名ハラ さん
ブログタイトルLife is bitter
ブログURLhttp://www.life-is-bitter.com/
サイト紹介文日常のことやデザイン・写真・インテリアをはじめとした役に立ちそうな知識をまとめて記しています。
参加カテゴリー
更新頻度(1年)情報提供12回 / 365日(平均0.2回/週) - 参加 2016/04/08 16:12

ハラ さんのブログ記事

  • Pug+Stylusではじめるポートフォリオサイト作成〜環境構築編〜
  • 最近ゼロからポートフォリオを作ろうと思っていざデザインができてから実装しようとなったとき、快適な環境を作ってデプロイするところまでの方法を私はちゃんと知らないということに気付きました。そしてググっても初心者向けになかなかこういう手順でやればいいよ!というものが出てこないのと、要求される開発リテラシーが高いので今回はエンジニアから伝授してもらったちょっとモダンな静的サイト開発の方法を環境構築から自動 [続きを読む]
  • エラー設計時に気をつけたい当たり前なポイント
  • サービスを作っていて必ずぶち当たるエラー設計。デザイナーがエラーに関して全て洗い出せてそれぞれに対してUIを作り、エンジニアへばっちり共有できたらいいな〜と思ってエラー設計時に気をつけておきたいポイントをまとめてみました。が、書き出してみると当たり前なことしかなくて笑ってしまったのですが実際に設計していると抜け漏れてしまうものもあるのでチェックリスト的な用途で見ていただければ。1. まずどんなエラーが [続きを読む]
  • オリジナルフォント『Mollis Sans』をリリースしました
  • デザインの一要素として大きな影響を持つ「文字(タイポグラフィー)」。フォントが好きだと言いつつ自分でフォントのひとつも作ったことがないのは文字への愛が足りてないのではと思いまして、ふとオリジナルフォントを制作してみました。最初は特にリリースする予定もなく自分の制作案件などでいつか使えればくらいの心構えでしたが、せっかくならということで公開することにしました。Mollis Sansについて今回制作したオリジナル [続きを読む]
  • 自由気ままに2泊4日ローマ弾丸ひとり旅
  • 5月の終わりと何でもない時期ではあるのですがローマへとひとり旅をしてきました。というのもゴールデンウィーク分の休みをずらして取ることができたので、4日間しかないけどこれはすかさず海外旅行チャンスでは!?と判断して行ってきた次第であります。パリ、バルセロナ、ローマ、モロッコと行きたい場所はいろいろあったのですが、ここ数年ずっと行ってみたかった美食と歴史の街ローマをチョイス。今回も旅行記を雑にまとめてみ [続きを読む]
  • DailyUIを100日間継続してよかった6個のこととアドバイス
  • 今年の2月からはじめたDailyUIですが、先日ついに100日目まで完走することができました。メールで送られてくるお題に対して毎日(平日のみ)UIを作り続けるという取り組みであるこのDailyUI、TwitterやDribbbleで様子を見ても100日目まで完走しきった人はなかなかいないので三日坊主である自分がここまでこれたのは感無量というものです。ちなみに100日間の軌跡をまとめたものがこちら。2月から平日毎日100日間やってきた #DailyUI [続きを読む]
  • Adobe Typekitでこれだけは入れておきたいフォント10選
  • Adobeからサブスクリプションのフォントライブラリとして提供されている「Adobe Typekit」ですが、Adobe Creative Cloudを契約している人はサービスとして含まれているので利用している方も多いのではないでしょうか(特にデザイナー)。数はそこまで多くないですがモリサワやフォントワークスの日本語フォントも利用できるため画期的だよなと前々から思っていました。しかし、つい最近改めてTypekitで扱っているフォントをチェック [続きを読む]
  • DailyUIを通じて得た知見ログ #011〜050
  • 2ヶ月半ほど続いているDailyUIですが、ようやく折り返し地点の#050まできました。前回のDailyUIのようにひとつひとつちゃんと解説(感想)をしていこうかとも思ったのですが、かなり冗長になってしまうのとルール上全てが良いクオリティで作れたわけでもないのでピックアップしていきたいと思います。また、Sketchファイルの構造やFramer・After Effectsでどう動きを実装しているかについてオープンにすれば誰かの参考になるかなと思 [続きを読む]
  • DailyUIを通じて得た知見ログ #001〜010
  • DailyUIというものをはじめました。Daily UI Design Challenge, Design Resources, Design Inspirationこのサイトにメールアドレスを登録すると毎日(平日のみ)UIデザインのお題が届いて、それを自分なりに解釈してデザインするというチャレンジです。お題はなんと100個もあり、無事に完走できればUIデザインの基礎力と持久力が身につきそうだと思い、始めました。毎日お題に沿って作ってはアウトプットのみTwitterに投稿しているの [続きを読む]
  • 大学院を中退して株式会社HERPへジョインしました
  • ご無沙汰しております。人生、3ヶ月もあるといろいろ考えいろいろ行動するもので、気付いたら大学院をやめて新卒(?)でUXデザイナーとして働くことになりました。さらっと大きい選択をしたのですが、せっかくなので経緯や自分の気持ちなどを整理してみたいと思います。なぜ大学院を中退したのか研究へのモチベーションが厳しくなってしまったまずはじめに大学院での研究に対するモチベーションが急激になくなってしまった、というこ [続きを読む]
  • Clickableなボタンであるためのあれこれ
  • 最近、UIデザインをしていく中でClickableな( できる)ボタンのアフォーダンスについて悶々と思考を巡らせてしまいます。「果たしてこのボタンは できるものだと認識してくれるだろうか?」「う〜んギリギリ認識してくれるか…?」という自問自答にはじまり、「そもそもこれボタンに見えるのか?」「ボタンっぽいコンポーネントだけどこの機能の中では できる(すべき)ところではないんだよな...」などなど思考 [続きを読む]
  • Airbnbとエアアジアで格安なのに上質だった3泊5日バリ島旅行
  • 7月の頭にバリ島へと旅行に行ってきました。ことの発端は私が「リゾートでバカンスしたすぎる」と研究室の同期へ軽い気持ちで言ったことで、トントン拍子で「じゃあ行こうよ」と決まってしまい、かなりふわっとしたノリでバリ島へと飛んでしまいました。海外旅行は行くたびに準備の段階や現地での気付きで新しい発見があるので、今回は他の人もおトクでかしこくバリ島を満喫できるよう、旅行記をまとめてみたいと思います。準備編A [続きを読む]
  • BtoBサービスのUIデザインをする上でのリファレンスまとめ
  • つい最近、ご縁がありましてBtoB向けのサービスの開発にUIデザイナーでジョインすることになったのですが、BtoB向けのサービスにおけるUIデザインというものがはじめての経験です(しかもスタートアップ、スタートアップでの開発もはじめて)。で、本格的にコミットしていく前にある程度予備知識というか最低限気をつけておかなければならないことやバリエーション出しのためのリファレンスが欲しいなと感じたので自分用にまとめるこ [続きを読む]
  • Google Search ConsoleとAnalyticsでリライトすべき記事を探す方法
  • 検索流入を増やすための方法のひとつとしてタイトルおよびコンテンツのリライトという方法があります。追加で関連する情報を載せたりそもそもの内容を変えたりとどうリライトするかは人それぞれ記事にもよる、としか言えませんがリライトする上でもっとも困るのがどの記事をどうリライトすべきかということ。www.procrasist.com先日、非常に貴重なデータと共によくまとめられたリライト戦略に関する記事を見つけました。自分も記事 [続きを読む]
  • はてなブログの固定ページでポートフォリオを作りました
  • 先日はてなブログにもようやく固定ページを作る機能が実装されて、WordPressのような自由度へと一歩近づきました。前々からWordPressあたりでポートフォリオをWEB上にもまとめておくか、と思っていたのですがちょうどいい機会なので今回はてなブログの固定ページでポートフォリオを作ってみました。先に感想を言っておくとCSS設定が煩わしく、見せ方にこだわりがある人はWordPressで作った方がトータルでの作業量は少ないかと思い [続きを読む]
  • ブログのデザインをリニューアルしました
  • このブログをはじめてから大体1年2ヶ月ほどなのですが、一念発起してブログのデザインをリニューアルしました。今までははてなブログテーマの中でも人気のDUDEを利用してそれを改造していたのですが、回遊率の悪さやアイキャッチを効果的に訴求できていない、そしてレスポンシブ対応していないのでスマホサイト表示がちょっとダサいという点が問題だなと感じていまして、勢いにまかせて全て解決してやろう!とリニューアルに取り組 [続きを読む]
  • 【初心者】Origami StudioでTinderUIの動きをプロトタイピングする【基礎】
  • UIおよびアプリ全体の流れにおけるUXを検証するとき、プロトタイピングツールは必須となっています。数多くのプロトタイピングツールが存在する中で、アニメーションの動きを細かく検証できる強みを持つものとしてOrigami Studioがあることをご存知でしょうか?Facebookからリリースされているこのプロトタイピングツールですが、他のプロトタイピングツールと比べて学習コストが高い代わりに細かくインタラクションを設定して精度 [続きを読む]
  • 【Swift】変数を定義するときのデータ型早見表を作った【初心者】
  • 現在、私はSwiftでのiOSアプリ開発をUdemyの動画にて勉強しているのですが、正直なところプログラミングをする上で必要な基本的な知識すらままならないのが現状です。先程は変数(or定数)を定義するときにデータ型なんていうものを宣言しなければならないということを学んだのですが、IntやらFloatやらどれが何に対応しているんだっけ?と混乱してしまい、わからないことをわからないままにしておくのが気持ち悪いので一目でわかる [続きを読む]
  • 手描き風イラスト素材で困った時に頼りになるサイト&書籍11選
  • 親しみやすく人気の高い手書き風のデザインはどんなイラストを使うかによってそのテイストとクオリティが決まってきます。クライアントワークで「手書き風のイラストを使ってかわいい感じでお願いします!」なんて言われたときには、自分でイメージ通りのイラストを描ける場合はいいですが、描けないデザイナーにとっては非常に頭の痛い問題となります。かく言う私もイイ感じのイラストが全く描けないデザイナーでして、手描き風テ [続きを読む]
  • IT業界で5年後も活躍できるデザイナーであるために学ぶべきこと
  • デザイントレンドや技術トレンドの移り変わりが激しいIT業界。5〜10年も経つとPCサイトメインだったものがほぼスマートフォンサイト・アプリメインに置き換わったようにプラットフォームすら変わってしまいます。UI設計やDTPをはじめとした今持っているスキルセットのままで果たして5年後も通用するのか自問自答したところ、私はどう考えても無理だと感じました。実のところを言いますと私は来春から東京でUXデザイナーとして働き [続きを読む]